懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

网页图片模糊插件blurify.js代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-04
网页图片模糊插件blurify.js是一款可以将任意图片进行模糊处理代码。


js代码

<script src="dist/blurify.js"></script>
<script>
	(function () {
			new blurify({
				images: document.querySelectorAll('.blurify1'),
				blur: 1,
				mode: 'auto',
			});
			 new blurify({
				images: document.querySelectorAll('.blurify2'),
				blur: 2,
				mode: 'auto',
			});
			  new blurify({
				images: document.querySelectorAll('.blurify3'),
				blur: 3,
				mode: 'auto',
			});
			   new blurify({
				images: document.querySelectorAll('.blurify4'),
				blur: 4,
				mode: 'auto',
			});
			new blurify({
				images: document.querySelectorAll('.blurify5'),
				blur: 5,
				mode: 'auto',
			});
			new blurify({
				images: document.querySelectorAll('.blurify6'),
				blur: 6,
				mode: 'auto',
			});
		})();
</script>