scrolling | Web活メモ帳 https://blog.verygoodtown.com WEB開発者が使える世界の情報を発信します Sat, 13 Feb 2010 16:34:15 +0000 ja hourly 1 https://wordpress.org/?v=5.9.10 122803348 スクロールするとエフェクトがかかったように見えるCSSのデモ5 https://blog.verygoodtown.com/2010/02/css-scrolling-demo-5/ https://blog.verygoodtown.com/2010/02/css-scrolling-demo-5/#respond Tue, 09 Feb 2010 13:03:22 +0000 http://blog.verygoodtown.com/?p=2030 これはすごい！JavaScriptを使用せずにCSSだけで作られたページなのですが、スクロールバーを動かす事でエフェクトがかかっているような効果が得られます。 Ajaxian » Román Cortés a […]

The post スクロールするとエフェクトがかかったように見えるCSSのデモ5 first appeared on Web活メモ帳.]]> これはすごい！JavaScriptを使用せずにCSSだけで作られたページなのですが、スクロールバーを動かす事でエフェクトがかかっているような効果が得られます。
Ajaxian » Román Cortés and Ajaxian make up with amazing CSS demosというエントリーにて。

使い道はパッと思いつかないのですが、面白かったのでざっとご紹介。

詳しくは以下

The Ajaxian Prism

ajaxian1

プリズムの境界が歪んで見えます。

Van Gogh’s Starry Night


ajaxian2

ゴッホの絵がゆらゆら。

Sliding and Slicing

ajaxian3

２つの画面が入れ替わります。

サイトには他にもデモがありますので、興味のある方はぜひご覧になってみてください。

The post スクロールするとエフェクトがかかったように見えるCSSのデモ5 first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2010/02/css-scrolling-demo-5/feed/ 0 2030