DEV Community

Soft Heart Engineer
Soft Heart Engineer

Posted on

6

Backlight in CSS

Check out this Pen I made!

Top comments (4)

Collapse
 
yaireo profile image
Yair Even Or

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

Collapse
 
softheartengineer profile image
Soft Heart Engineer

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

Collapse
 
petecapecod profile image
Peter Cruckshank

Wow nice great effect!

Collapse
 
kartofelek007 profile image
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

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay