feat: move blur example from step 34 to step 35 rothko (#47020)

* feat: move example from step 34 to step 35 rothko

* change wording
pull/47017/head^2
Ilenia 2022-07-27 22:55:10 +02:00 committed by GitHub
parent fd5d8a3174
commit c356ecfa29
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 9 deletions

View File

@ -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)`.

View File

@ -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');