CSS3 PIE: CSS3 decorations for IE

IE6-8でもCSS3が使えるようになる「CSS3 PIE」。
非対応ブラウザがあるのでまだCSS3はいいやという方もいると思いますが、CSS3 PIEというhtcライブラリを使うことでCSS3に対応させてしまえます。



角丸、ドロップシャドウ、グラデーションといったプロパティに対応しています。
実装の際には border-radius、box-shadow、border-image等が使えるようになります。

サイト上のすぐに動くデモを動かしてみると、そのクオリティもなかなかのものだと言うことが分かります。



実装も簡単みたいで、PIE.htc をサーバに設置後、behavior に url(/PIE.htc) として設定するだけみたいです。

behavior: url(/PIE.htc);

これは楽で便利です。
対応していないプロパティについてもGitHubにて開発が行われているようです。

関連エントリ

• ピュアCSS3で3Dアニメーション
• 近未来に頻繁に使われるであろうCSS3サンプル１０
• jQueryとCSS3で作るカラフルなスライダーウィジェット