[CSS]画像をかっこよく表示し、操作が気持ちいいインタラクションを楽しめる -Fluid twisting image 3D

一枚の画像を使って3Dのキューブをつくり、短冊状にくるくるっと回転させるデモを紹介します。

デモのアニメーション

このアニメーションgifは容量の節約でコマ数を落としてますが、実際はもっと軽やかでキレイです。

実際の動きは、下記ページで確認できます。
Chrome, Safari, Firefoxでご覧ください。

サイトのキャプチャ

Fluid twisting image 3D

ロード時の画像表示のエフェクトもかっこいいですよ。

yugop.comにインスパイアされてのものだそうで、元同僚から見てもゆーごさんっぽい感じはありますね :-) 懐かしいなあ。

top of page

©2017 coliss