分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

超酷的CSS3图片镜像效果网页特效

超酷的CSS3图片镜像效果网页特效是一款可以将任意图片进行镜像,并以幻灯片的方式在同一个页面中切换不同的图片。


js代码

<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/mirrorFx.js"></script>
<script src="js/slideshow.js"></script>
<script>
	(function() {

		function init() {
			new Slideshow(document.querySelector('.slideshow'));
		}
		
		// Fake loading time..
		var startTime = new Date().getTime();
		imagesLoaded(document.querySelector('main'), function() {
			var elapsed = new Date().getTime() - startTime,
				initFn = function() {
					document.body.classList.remove('loading');
					setTimeout(init, 50);
				};

			if( elapsed > 2000) {
				initFn();
			}
			else {
				setTimeout(initFn, 1000);
			}
		});

	})();
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:超酷的CSS3图片镜像效果网页特效
喜欢 ()分享 (0)