Super Cool CSS Flip Effect with Webkit Animation

There’s some seriously cool transform and animation effects available through the webkit engine that can really spice up the web experiences for users with the Safari browser. Here’s a quick look at how the rotateY property can produce a flip effect, and how it can be used to create a super cool Transformers themed top trumps design. View the demo Safari browser required to experience the animated

[naohiko7]

Super Cool CSS Flip Effect with Webkit Animation カードをめくるように画像を裏返す表現のアニメーション。CSS。

[glat_design]

CSS3のアニメーション系機能を使った裏表のあるカードの回転のさせ方。Transform!!(ギゴガギゴ) /

[fakestar0826]

カード反転。

[chi-bit]

-webkit-animation を使った フリップエフェクト。

[saladdays]

css3を使った裏返るアニメーション（flip）処理