3Dにメリーゴーランドの様に回転する 画像ギャラリー 3D images gallery
PR
3D images gallery
See the Pen 3D images gallery by Bobby (@ImBobby) on CodePen.
http://codepen.io/ImBobby/pen/uKbnl
遊園地に有るメリーゴーランドの様に回転する 3Dに出来た画像ギャラリーです
画像をマウスオーバーすれば、回転がとまり、画像に掛けられたグレースケールのフィルターが解除されてカラーの写真になり画像が枠内に収まったまま少し拡大します
プラスアイディア
何かこのコードに工夫を加えるとしたら
回転速度を自由に操作できる、早送りボタン cssのactiveを使えばクリック中は早送り
チェックボックスを使って再生・停止ボタンの作成、さらにチェックボックスをオンにすると逆回転するようにするとか色々遊びを追加出来そうです
これは画像ギャラリーになっていますが、画像にリンクをつければ
オリジナルの回転する広告にできちゃいますね
Amazonとかにあるようなやつです
デモが止まっているときは画面上にあるRERUNを押すか、リンク先で御覧ください
PR
短縮URL:
COMMENT