Learn the CSS Box Model by Building a Rothko Painting - Step 35

HTML-CSS
1

Hi everyone, in step 35 we’re supposed to increase the blur by 1px by adding another filter: blur(); to the child div. Can you explain to me if the blur is affecting the child div twice? Won’t the new class override the blur of the parent element?

Challenge: Learn the CSS Box Model by Building a Rothko Painting - Step 35

Link to the challenge: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-the-css-box-model-by-building-a-rothko-painting/step-35

2

Hi, it will not override the parent. It will add to it. For test you can use a blur effect of 2px in .canvas and 0px in .one, after alternate to 2px in .one you will see that the first retangle will increase the blur when you insert 2px in .one. If it overrides it will show no difference.

1 Like