【文件属性】：
文件名称：blurry-image-load:渐进式图像加载库。 受Medium的类似技术启发
文件大小：17.97MB
文件格式：ZIP
更新时间：2021-04-01 09:17:14
javascript css html image-loading progressive-image-loading
图像加载模糊
概要
一个简单的库，可按需加载图像。 在加载图像之前，将显示每个图像的非常小的版本，并在其上显示模糊滤镜。 受到Medium相似风格的渐进式图像加载的启发。 下面是一个示例：
如果用户的浏览器不支持CSS过滤器，则会显示空白的灰色闪光，直到加载完整尺寸的图像为止。 下面是一个示例：
安装
下载blurry-load.min.css和blurry-load.min.css blurry-load.min.js文件（位于dist文件夹中），并将其包含在HTML中：
< link rel =" stylesheet " href =" blurry-load.min.css " />
< script src =" blurry-load.min.js " > </ script >
注意：如果您不希望在不支持CSS过滤器的浏览器中看到微小的像素化图像，请在HTML的head
【文件预览】：
blurry-image-load-master
----index.html(4KB)
----.eslintrc(275B)
----yarn.lock(159KB)
----src()
--------demo.css(683B)
--------blurry-load.js(2KB)
--------script.js(71B)
--------blurry-load.css(1KB)
----img()
--------image-6.jpg(52KB)
--------image-12-small.jpg(1KB)
--------image-5-small.jpg(774B)
--------image-8.jpg(84KB)
--------image-7-small.jpg(761B)
--------image-9-small.jpg(1KB)
--------image-10.jpg(64KB)
--------image-2.jpg(3.64MB)
--------image-3-small.jpg(677B)
--------image-4.jpg(92KB)
--------image-9.jpg(99KB)
--------image-12.jpg(78KB)
--------image-10-small.jpg(1KB)
--------shimmer-effect.gif(2.06MB)
--------image-8-small.jpg(712B)
--------image-3.jpg(6.34MB)
--------blur-effect.gif(4.46MB)
--------image-11.jpg(127KB)
--------image-2-small.jpg(722B)
--------image-1()
--------image-4-small.jpg(763B)
--------image-11-small.jpg(1KB)
--------image-6-small.jpg(710B)
--------image-7.jpg(98KB)
--------image-5.jpg(42KB)
----gulpfile.js(3KB)
----LICENSE.md(1KB)
----README.md(5KB)
----dist()
--------blurry-load.min.js(644B)
--------blurry-load.min.css(1KB)
----.gitignore(2KB)
----package.json(780B)