Frontend Masters Boost RSS Feed https://frontendmasters.com/blog Helping Your Journey to Senior Developer Mon, 14 Apr 2025 18:19:57 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.3 225069128 Minimal CSS-only blurry image placeholders https://frontendmasters.com/blog/minimal-css-only-blurry-image-placeholders/ https://frontendmasters.com/blog/minimal-css-only-blurry-image-placeholders/#respond Mon, 14 Apr 2025 18:19:56 +0000 https://frontendmasters.com/blog/?p=5585 I’m not the world’s biggest fan of LQIP’s (low quality image placeholders) generally (doing nothing other than handling aspect ratio is… fine), but I really like how much creativity it inspires. I’ve seen a ton of different approaches to it over the years, that all use different technology and all have different advantages and disadvantages. Lean Rada has another interesting take with Minimal CSS-only blurry image placeholders where a single custom property is the seed for massively different CSS backgrounds generated from overlapping radial gradients with oklab colors.

]]>
https://frontendmasters.com/blog/minimal-css-only-blurry-image-placeholders/feed/ 0 5585