V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
This topic created in 387 days ago, the information mentioned may be changed or developed.
又看到一篇感兴趣的英文文章，简单翻译了一下，
[仅用 CSS 实现极简的模糊图片占位符]( https://halo.chenkeyan.com/archives/fe-weekly-8-css-lqip)
其实简单来说就是，提取图片的几个主要颜色，用整数编码，通过 CSS 的计算属性计算成背景图片，实现模糊图片占位符。再细节一点就是怎么思考的，怎么解码的，怎么渲染成 LQIP 的等等。
效果可以看看：
英文原文在这： https://leanrada.com/notes/css-only-lqip/
可以看看作者的 demo：
https://leanrada.com/notes/css-only-lqip/gallery/
这是我复现的：
https://codepen.io/showmecode_ahh/pen/VYYwjZq
[仅用 CSS 实现极简的模糊图片占位符]( https://halo.chenkeyan.com/archives/fe-weekly-8-css-lqip)
其实简单来说就是，提取图片的几个主要颜色，用整数编码，通过 CSS 的计算属性计算成背景图片，实现模糊图片占位符。再细节一点就是怎么思考的，怎么解码的，怎么渲染成 LQIP 的等等。
效果可以看看：
英文原文在这： https://leanrada.com/notes/css-only-lqip/
可以看看作者的 demo：
https://leanrada.com/notes/css-only-lqip/gallery/
这是我复现的：
https://codepen.io/showmecode_ahh/pen/VYYwjZq
 |
1
FanyFull Apr 16, 2025 via Android
好文，这个用在音乐网站的歌词背景颜色挺合适，颜色就从专辑照片中提取。
|
 |
2
blanu Apr 16, 2025
好像不是动态获取颜色的，那每张图片都必须跑一次脚本来获取图片的占位信息吧
|
Select Language