サイト内検索:

CSS3を使って13種のインパクトあるスクロール効果を実現する「stroll.js」

stroll.js is a collection of CSS list scroll effects

stroll.js - CSS3 List Scroll Effects - The Changelog - Open Source moves fast. Keep up.

こんな感じのリストが

stroll.js - CSS3 List Scroll Effects - The Changelog - Open Source moves fast. Keep up.

スクロールするときにこんな感じでスクロールしていきます。

stroll.js - CSS3 List Scroll Effects - The Changelog - Open Source moves fast. Keep up.

パターンは全部で13種類。

ゆっくりスクロールしてもいいのですが、高速でスクロールさせると面白いのもあります(逆に面白くなくなる場合もあります)。

以下のサイトにアクセスして各リストの上でマウスでスクロールさせればその効果が見れます。

多分モダンブラウザ系じゃないとうまく機能しないと思うのでIE使っている人はIE以外のブラウザで見た方がいいんじゃないかと思う次第です。

http://lab.hakim.se/scroll-effects/

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2012年4月26日 18:05に書いたブログ記事です。

ひとつ前のブログ記事は「見ているWebページを3Dに変換するブックマークレット「3D it!」」です。

次のブログ記事は「4月27日のラッキーさん」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。