• LinkedIn
  • GitHub
  • CodePen
  • Twitter
  • Instagram
  • Pinterest
  • Polywork
Bojan Vidanovic
  • Home
  • Status
  • Activities
  • Check-ins
  • Blog
  • Bookmarks
  • Books
  • Now
  • About me
  1. Home
  2. Bookmarks
  3. Minimal CSS-only blurry image placeholders
Apr 3, 2025
Bookmarks
  • Copy link

Minimal CSS-only blurry image placeholders

Go to link: Minimal CSS-only blurry image placeholders

Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed!

  • #css
10:42 (+0200)
Photo of Bojan Vidanovic

Bojan Vidanovic is a front-end developer at Subito.it. Building Dev & Gear and Lynky.

  • LinkedIn
  • GitHub
  • CodePen
  • Twitter
  • Instagram
  • Pinterest
  • Polywork

Recently bookmarked

  • 27
    May

    Old Dogs, new CSS Tricks

    • #css
    14:54 (+0200)
    • Permalink
  • 8
    Apr

    High Definition CSS Color Guide

    CSS can now support HD (high definition) displays, specifying colors from HD gamuts while also offering color spaces with specializations. This guide will explain how you can start to take advantage of this new world of color.

    • #css
    10:12 (+0200)
    • Permalink
  • 4
    Jan

    Modern fluid typography editor

    This tool generates fluid typography code snippets using the modern CSS clamp function and lets you fine-tune fluid typography behavior using this sleek editor.

    • #css
    11:14 (+0100)
    • Permalink
  • 24
    Aug

    Using :has() as a CSS Parent Selector and much more

    • #css
    19:23 (+0000)
    • Permalink
  • 12
    Jan

    Why hyperlinks are blue

    • #css
    • #history
    08:31 (+0000)
    • Permalink
  • 12
    Jan

    CSS Gradients that avoid the “gray dead zone”

    • #css
    08:21 (+0000)
    • Permalink
  • 19
    Jul

    Positioning Overlay Content with CSS Grid

    • #css
    10:20 (+0000)
    • Permalink
  • 7
    May

    Chapter 8: CSS

    • #css
    10:19 (+0000)
    • Permalink
  • 28
    Apr

    Interactive article on the Moon

    Wow! This is amazing!

    • #javscript
    10:00 (+0200)
    • Permalink
  • 4
    Mar

    Handling Service Worker updates

    Updating PWAs is trickier than I thought, this article explains very well why and how to implement a proper updating.

    • #javascript
    17:28 (+0100)
    • Permalink

Explore

  • Blog
  • Bookshelf
  • Bookmarks
  • Works

About

  • About me
  • Now
  • Resume
  • Contact
  • Changelog

Social

  • LinkedIn
  • GitHub
  • CodePen
  • Twitter
  • Instagram
  • Pinterest
  • Polywork