on:2013年5月17日sponsorsパネルをホバーすると、表と裏がくるっとアニメーションで変わるスタイルシートを紹介します。なるのは水平だけでなく、垂直にも対応しています。Boardsのデモデモは全部で、4種類のくるっがあります。前半2つはテキストを配置したパネルで、上:垂直、下:水平にくるっとします。デモページパネルの表と裏には自由に要素を配置できます。後半2つは画像を配置したパネルです。Boardsの実装くるっとなるのはスタイルシートのエフェクトで、スクリプトは使用されていません。HTML表・裏のパネル2枚をそれぞれdiv要素にし、それらを2つのdivで内包します。垂直にはtop、水平にはleftを指定します。CSSスタイルシートは少し長いです。preserve-3dでパネルを変形させて回転のエフェクトを作りだし、transformで回転させます。Posts関連記事が見つかりませんでした。WordPress当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。