2012/01/14
スクロールで発動するダイナミックなアニメーション「scrollorama」
Webページでインパクトある表現を求めている方にお勧めしたいのがscrolloramaです。
最初の表示です。ここから下にスクロールしていきます。
0
まず上にあった文字がばらけていきます。
0
下にある文字が回転しながら収まっていきます。
0
ダイナミックに展開していきます。
0
文字が下から迫ってきます。
0
大きな文字が下からスライドしてきます。
0
格好よく重なっていきます。
0
scrolloramaというメソッドでアニメーションを指定します。
0
実際の設定です。アニメーションも関数で指定できます。
0
デモ動画です。ダイナミックな動きをご覧ください。
0
scrolloramaはスクロールに合わせてアニメーションするので、勝手にはじまってスクロールした頃には終わっていたなんてことはなさそうです。 0
scrolloramaはJavaScript/jQuery製、MIT LicenseとGPLのデュアルライセンスのオープンソース・ソフトウェアです。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
johnpolacek/scrollorama - GitHub
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート