feat: move blur example from step 34 to step 35 rothko (#47020)
* feat: move example from step 34 to step 35 rothko * change wordingpull/47017/head^2
parent
fd5d8a3174
commit
c356ecfa29
|
@ -11,6 +11,14 @@ The colors and shapes of your painting are too sharp to pass as a Rothko.
|
||||||
|
|
||||||
Use the `filter` property to `blur` the painting by `2px` in the `.canvas` element.
|
Use the `filter` property to `blur` the painting by `2px` in the `.canvas` element.
|
||||||
|
|
||||||
|
Here's an example of a rule that add a 3px `blur`:
|
||||||
|
|
||||||
|
```css
|
||||||
|
p {
|
||||||
|
filter: blur(3px);
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
# --hints--
|
# --hints--
|
||||||
|
|
||||||
You should set the `filter` property to `blur(2px)`.
|
You should set the `filter` property to `blur(2px)`.
|
||||||
|
|
|
@ -9,17 +9,9 @@ dashedName: step-35
|
||||||
|
|
||||||
Create a rule that targets both `.one` and `.two` and increase their `blur` effect by 1 pixel.
|
Create a rule that targets both `.one` and `.two` and increase their `blur` effect by 1 pixel.
|
||||||
|
|
||||||
Here's an example of a rule that increases the `blur` of two elements:
|
|
||||||
|
|
||||||
```css
|
|
||||||
h1, p {
|
|
||||||
filter: blur(3px);
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
# --hints--
|
# --hints--
|
||||||
|
|
||||||
You should have a `.one, .two` selector.
|
You should have a `.one, .two` selector list.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
const oneTwo = new __helpers.CSSHelp(document).getStyle('.one, .two');
|
const oneTwo = new __helpers.CSSHelp(document).getStyle('.one, .two');
|
||||||
|
|
Loading…
Reference in New Issue