CSS3で作った格好いいスクロールエフェクト

※ Newsタグを作ってみました。シンプルにリンクを紹介する時等にどうぞ。

CSS3で作った格好いいスクロールエフェクトのデモ。

• CSS Scroll Effects

ソースコードはこちら

• hakimel/Scroll-Effects
  • main.css

Flip (CSS 3D) とかお気に入り(79行目 辺り？)。
ベンダープレフィックスをつらつらと並べながらcss3D関連の機能を設定している、のかな？

main.css

/**
* Flip styles
*/
.flip {
-webkit-perspective: 400px;
-moz-perspective: 400px;
-ms-perspective: 400px;
-o-perspective: 400px;
perspective: 400px;

-webkit-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
-o-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
.
.