Backlight in CSS

Check out this Pen I made!

Comments

[Yair Even Or]

you should inherit the border-radius also.
please never user width: 100%; height: 100%; like this, but instead use inset: 0

[Soft Heart Engineer]

Hi @yaireo, Thanks for the suggestions. pen is updated now.

[Peter Cruckshank]

Wow nice great effect!

[kartofelek007]

Add isolation: isolate to .container. z-index: -1 will cause the blur to be at the bottom of the layers. You don't want this