DEV Community

Andrew Beeken
Andrew Beeken

Posted on

BlurBG - playing with blurry images in CSS and HTML

A little play with the css filter property and some positioning to display a blurry background image.

We're also grabbing the image URL with Javascript and applying it to the article header so that our template would only have to include the featured image one time - this could then be set through your CMS of choice.

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay