[JS]要素を斜めに配置できるスクリプト -pb.transformie.js

The Sea of Ideaのエントリーから、要素を斜めに傾けて配置できるスクリプトを紹介します。

Bringing CSS Transforms to Internet Explorer

デモをSafari(win)で見ると、傾きと不透明度を使いカバーフローを実装しています。

カバーフローのデモのキャプチャ

カバーフローのデモ:ベストはSafari(win)

現在「pb.transformie.js」のバージョンは0.2で、動作環境はIE, Safariとなっています。
Fx, Opでは傾きは適応されません。

カバーフローのデモをIEで表示したキャプチャ

IEでの表示:傾き有り、不透明度無し

カバーフローのデモをFxで表示したキャプチャ

Fxでの表示(Opも同様):傾き無し、不透明度有り

pb.transformie.jsはjQueryのプラグインのため、動作にはjquery.jsが必要です。

sponsors

top of page

©2024 coliss