IEでボックス要素を45度傾けることが出来る「Transformie」
2008年08月20日
スポンサード リンク
The Sea of Ideas Blog Archive Bringing CSS Transforms to Internet Explorer
ボックス要素を次のように表示できるみたいです。
Web-Kitの場合は「-webkit-transform: rotate(45deg);」のような指定が出来るみたいなのですが、これをIEで実現したもの。

rotate以外に、scale,scaleX/Y、skwer,skewX/Y、matrix などの指定が可能みたいです。
応用して、カバーフローみたいなものも作れるということでデモが公開されてます。

こんなことが出来るんですね…。
So I hope I got you a bit excited with my little teaser, and yes, the second tab was opened on purpose to give you a hint.IEでボックス要素を45度傾けることが出来る「Transformie」。
ボックス要素を次のように表示できるみたいです。
Web-Kitの場合は「-webkit-transform: rotate(45deg);」のような指定が出来るみたいなのですが、これをIEで実現したもの。

rotate以外に、scale,scaleX/Y、skwer,skewX/Y、matrix などの指定が可能みたいです。
応用して、カバーフローみたいなものも作れるということでデモが公開されてます。

こんなことが出来るんですね…。
スポンサード リンク
投稿者 KJ : 2008年08月20日 07:02
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- Facebook風のサムネイル付きサジェストボックスを実装するサンプル
- 2009年7月3日 管理人のブックマーク
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル
- 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」
- 2009年7月2日 管理人のブックマーク
- 「フォローしてね」を表すTwitterアイコン集
- シンプルなTwitter検索を行うためのPHPスクリプト
- PHPのcURLを使ってできる便利なサンプル集
- 2009年7月1日 管理人のブックマーク
- iPhone3.0の緯度経度APIで移動履歴を地図描画するサンプル





















