--- id: 60a3e3396c7b40068ad6998c title: Step 34 challengeType: 0 dashedName: step-34 --- # --description-- 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. # --hints-- You should set the `filter` property to `blur(2px)`. ```js const hasFilter = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.filter === 'blur(2px)'); assert(hasFilter); ``` Your `.canvas` element should have a `filter` value of `blur(2px)`. ```js const canvasFilter = new __helpers.CSSHelp(document).getStyle('.canvas')?.getPropertyValue('filter'); assert(canvasFilter === 'blur(2px)'); ``` # --seed-- ## --seed-contents-- ```css .canvas { width: 500px; height: 600px; background-color: #4d0f00; overflow: hidden; --fcc-editable-region-- --fcc-editable-region-- } .frame { border: 50px solid black; width: 500px; padding: 50px; margin: 20px auto; } .one { width: 425px; height: 150px; background-color: #efb762; margin: 20px auto; } .two { width: 475px; height: 200px; background-color: #8f0401; margin: 0 auto 20px; } .three { width: 91%; height: 28%; background-color: #b20403; margin: auto; } ``` ```html Rothko Painting
```