今回、こちらのブログを参考に、本のアニメーションを作ってみました。
CSSを使って、本の表紙を開くようなアニメーションを試しています。IEで意図どうりの動作にならずですが、一応IEでも動く…
賢威の仕様で、ちょっと苦労しましたが・・・。
子テーマの適用+base.cssへのCSS文書き込みにて実現!!
さらに画像についてはちょっと元のブログからデータを拝借して変更しましたよ!
↓の通りです。
また後日、ちゃんと説明文を載せますね。
ちょっとだけ、CSSが面白いと感じた瞬間でした。でも、function.cssに追加しようとして画面が表示出来なくなった時は焦った~~~!!
サンプルは↓の通りです。
- テキストリンク←リンクも使用可。
- この本はCSSで作成されています。
- カーソルがhoverしている間は開いたままです。