3Dにメリーゴーランドの様に回転する 画像ギャラリー 3D images gallery

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

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)