[CSS]スタイルシートでパララックス(視差)効果を狙ったサイト集

kremaliciousのエントリーから、パララックス(視差)による面白いエフェクトを実装したサイトを紹介します。
エフェクトはスタイルシートだけではなく、スクリプトを併用しているものもあります。

Showcasing the CSS Parallax Effect: 12+1 Creative Usages

Silverbackのキャプチャ

Silverback

Starry Nightのキャプチャ

Starry Night

Percentage Backgroundsのキャプチャ

Percentage Backgrounds

A parallax illusion with CSSのキャプチャ

A parallax illusion with CSS

We All Hate Quickbooks, Do You?のキャプチャ

We All Hate Quickbooks, Do You?

Dumagoのキャプチャ

Dumago

Dromaeoのキャプチャ

Dromaeo

cdev.ruのキャプチャ

cdev.ru

Parallax Backgroundsのキャプチャ

Parallax Backgrounds

Fly + Parallax Scrolling Effectのキャプチャ

Fly + Parallax Scrolling Effect

U mag het zeggenのキャプチャ

U mag het zeggen

CSS combined with Scriptaculous's Morph effect</のキャプチャ

CSS combined with Scriptaculous's Morph effect

WeblogR demoのキャプチャ

WeblogR demo
Firefoxで動作。

sponsors

top of page

©2024 coliss