注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-01-03
超酷的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>