CSSだけでできたカルーセルです。角度を変えながら回転します。存在感があるので掲載させていただきました。

使い方: 外部cssを設置し、次のhtmlソースのようにimgタグを並べるだけです。aタグを付けることはできないようなので、imgタグをクリックしてリンク先に飛ばす場合は、javascriptなどを用いることになりそうです。

サンプルのhtmlソース

<div class="carousel">
	<img class="slide" draggable="false" src="g-07.png">
	<img class="slide" draggable="false" src="g-06.png">
	<img class="slide" draggable="false" src="g-05.png">
	<img class="slide" draggable="false" src="g-04.png">
	<img class="slide" draggable="false" src="g-03.png">
	<img class="slide" draggable="false" src="g-02.png">
	<img class="slide" draggable="false" src="g-01.png">
</div>

サンプル

















※引用と参考;http://jsdo.it/lebedev/M0w8
戻るボタン