今回のWebデザインTipsは、ギャラリーサイトを想定して、予め表示エリアのサイズを決めてあるタイル状に並べた画像コンテンツにて、マウスオーバーで画像がフリップして背面のパネルが表示されるという、CSS のtransformを利用した3Dアニメーションの実装例をご紹介します。 タイル状のグリッドレイアウトは、定番jQueryプラグイン「Masonry」に丸投げ！しているので、Masonry自体についてはここでは割愛します。 というわけて、まずは実際のデモをご覧ください！ See the Pen 3D Panel Flip Motion on Mouse Over by digistate (@digistate) on CodePe…