CSS3のアニメーション transition」の動作を確認できる「CSS3 Transitions Collection 30

CSS3 Transitions Collection 30はCSS3のアニメーション「trasition」のサンプルを30個集めています。

おなじみの「Cube」やアニメの登場のような「Squish」、Appleタイムマシンのような奥行きをイメージした「Flip Switch」、キーノートのEffectにあるような「Revolve」「Reflection」「Swap」などがあります。
中には「Fade Wave」や「Flag」などのオリジナルのものもあります。

Cube、Dissolve、Fade Through、Unfold、 Horizontal Flip、Multi Flip、Rotate In、SearchLight、Slide In、Toss Down、Wipe In、 Fade Wave、Squish、Flag、Spin、Flip Switch、Side Cube、Pop In、 Slide Bounce、Line Wipe、Door、Split In Two、Revolve、SketchBook、Reflection、Swap、Slot、Arrows、Ripple、Fallen Leafが用意されています。