CSS3のtransform(preserve-3d)で「本を開く」アニメーションを再現。
今回実装したコードのリポジトリと、それをデプロイしたサイトのURLは以下。
どこか(忘れた)に載っていた実装例を参考/ベースにしつつ、
指定したURLでカバー画像を変更できるようにした。
WebGL使わなくてもCSSだけでこれだけ表現できる時代って素敵だな。
More than 3 years have passed since last update.
CSS3のtransform(preserve-3d)で「本を開く」アニメーションを再現。
今回実装したコードのリポジトリと、それをデプロイしたサイトのURLは以下。
どこか(忘れた)に載っていた実装例を参考/ベースにしつつ、
指定したURLでカバー画像を変更できるようにした。
WebGL使わなくてもCSSだけでこれだけ表現できる時代って素敵だな。
Register as a new user and use Qiita more conveniently