[CSS]コピペで簡単に使える、パネルの表と裏をくるっと水平・垂直にひっくり返すスタイルシート -CSS Flip Boards

パネルをホバーすると、表と裏がくるっとアニメーションで変わるスタイルシートを紹介します。 くるっとなるのは水平だけでなく、垂直にも対応しています。 上：垂直くるっ、下：水平くるっ CSS Flip Boardsの実装 くるっとなるのはスタイルシートのエフェクトで、スクリプトは使用されていません。 Step 1: HTML 表・裏のパネル2枚をそれぞれdiv要素にし、それらを2つのdivで内包します。 垂直にはtop、水平にはleftを指定します。 垂直にくるっ <div class="flip-boards"> <div class="board top"> <div class="front"><h2>パネル：表</h2></div> <div class="flipped"><h2>パネル：裏</h2></div> </div> </div> 水平にくるっ <div class="fl

[blueboy]

回転のタグ　http://blogs.yahoo.co.jp/kinect_programing_box/29640315.html　／　水平と垂直を併用すると、回転させることができる。　→　http://d.hatena.ne.jp/hiro_nemu/20100612/1276364912

[skunk0915]

flip　フリップ　裏返し　めくり　めくる　カード　回転 js

[warriorking]

(CSS)コピペで簡単に使える、パネルの表と裏をくるっと水平・垂直にひっくり返すスタイルシート -CSS Flip Boards | コリス

[kimmy_7]

web

[rei0121]

CSS

[beth321]

　コリス

[dokodajp]

コピペで簡単に使える、パネルの表と裏をくるっと水平・垂直にひっくり返すスタイルシート -CSS Flip Boards | コリス

[kana321]

コリス

[hatebu10]

簡単そうです。

[trashtoy]

まるでフラットデザインに組み入れて使ってくださいという感じのUI。

[nors]

http://www.paulund.co.uk/css-flip-boards http://www.paulund.co.uk/playground/demo/css-flip-board/

[Donca]

✔ [CSS]コピペで簡単に使える、パネルの表と裏をくるっと水平・垂直にひっくり返すスタイルシート -CSS Flip Boards

[OfficeRiverHead]

パネルをホバーすると、表と裏がくるっとアニメーションで変わるスタイルシートを紹介します。 くるっとなるのは水平だけでなく、垂直にも対応しています。 CSS Flip Boards CSS Flip Boardsのデモ CSS Flip Boardsの実装 CSS Flip Boards