CSSカスタマイズで、本を開くアニメーションを試してみた!

今回、こちらのブログを参考に、本のアニメーションを作ってみました。

 

CSSを使って、本の表紙を開くようなアニメーションを試しています。IEで意図どうりの動作にならずですが、一応IEでも動く…

賢威の仕様で、ちょっと苦労しましたが・・・。
子テーマの適用+base.cssへのCSS文書き込みにて実現!!

 

 

さらに画像についてはちょっと元のブログからデータを拝借して変更しましたよ!

↓の通りです。

また後日、ちゃんと説明文を載せますね。

ちょっとだけ、CSSが面白いと感じた瞬間でした。でも、function.cssに追加しようとして画面が表示出来なくなった時は焦った~~~!!

サンプルは↓の通りです。

  • テキストリンク←リンクも使用可。
  • この本はCSSで作成されています。
  • カーソルがhoverしている間は開いたままです。
[ad#adsense]
NO IMAGE
最新情報をチェックしよう!
%d人のブロガーが「いいね」をつけました。