Javascriptで画像を分割回転移動フェードアウトで順次画像表示

Javascriptで画像をバラバラに回転移動フェードアウトしながら順次画像を表示するアニメーション ~ mamImgSplitCarousel.js


mamimgsplit_carousel.js(7KB)ダウンロード

■使い方

■使用例

<div style="display:flex;">
	<div style="width:20%;"></div>
	<div class="mam-image-split-carousel" style="max-width:800px;width:80%;" data-split="20">
		<div class="mam-image-split-carousel-child">
			<a href=""><img src="./imgs/car1.jpg" style="width:100%;"></a>
		</div>
		<div class="mam-image-split-carousel-child">
			<a href=""><img src="./imgs/car2.jpg" style="width:100%;"></a>
		</div>
		<div class="mam-image-split-carousel-child">
			<a href=""><img src="./imgs/car3.jpg" style="width:100%;"></a>
		</div>
	</div>
	<div style="width:20%;"></div>
</div>














Mam's WebSite