超クールな CSS3 画像ミラーリング効果 Web ページ特殊効果

非常にクールな CSS3 画像ミラーリング エフェクトは、任意の画像をミラーリングし、同じページ上の異なる画像をスライドショー形式で切り替えることができる Web 特殊効果です。

jsコード
<スクリプト src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<スクリプト src="js/mirrorFx.js"></script>
<スクリプト src="js/slideshow.js"></script>
<スクリプト>
(関数() {

関数 init() {
新しいスライドショー(document.querySelector('.slideshow'));
}

// 偽のロード時間..
var startTime = new Date().getTime();
imageLoaded(document.querySelector('main'), function() {
var elapsed = new Date().getTime() - startTime,
initFn = function() {
document.body.classList.remove('loading');
setTimeout(init, 50);
};

if( 経過 > 2000) {
initFn();
}
それ以外の場合{
setTimeout(initFn, 1000);
}
});

})();
</スクリプト>