category
サイト構築 -JavaScript

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

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

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が必要です。

Post on:2008年8月30日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS