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.
|
||||
|
||||
Here's an example of a rule that add a 3px `blur`:
|
||||
|
||||
```css
|
||||
p {
|
||||
filter: blur(3px);
|
||||
}
|
||||
```
|
||||
|
||||
# --hints--
|
||||
|
||||
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.
|
||||
|
||||
Here's an example of a rule that increases the `blur` of two elements:
|
||||
|
||||
```css
|
||||
h1, p {
|
||||
filter: blur(3px);
|
||||
}
|
||||
```
|
||||
|
||||
# --hints--
|
||||
|
||||
You should have a `.one, .two` selector.
|
||||
You should have a `.one, .two` selector list.
|
||||
|
||||
```js
|
||||
const oneTwo = new __helpers.CSSHelp(document).getStyle('.one, .two');
|
||||
|
|
Loading…
Reference in New Issue