Re: [csswg-drafts] [selectors] Pseudo-classes for image state (#3134)

Use case for this:

I'm trying to implement [low-quality image placeholders](https://www.guypo.com/introducing-lqip-low-quality-image-placeholders) in a nice, progressively enhanced way. My idea: put the LQIP in a `background-image`, so that we don't need JS to switch out the `img` `srcset`/`src`. This worked great until I used it on an image that contained transparency. It would be nice to be able to switch the background/preview off, after the image had loaded, using just CSS.

Another common LQIP pattern that would benefit from this: blurring the preview image but not the full-quality image.

For progressive images, it would be nice to know whether or not the initial image scans have been painted. I don't think `:partial` will do this. Perhaps we need another value, `:painted`?

Also does `:loaded` actually mean decoded (or perhaps, completely painted)? The distinction seems important in instances where `<img decode="async">`.

-- 
GitHub Notification of comment by eeeps
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3134#issuecomment-785952114 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 25 February 2021 14:52:38 UTC