CSS3が非対応なブラウザでも利用できるようにするツールのまとめ

CSS3が非対応なブラウザ(IEですが)でも、CSS3を利用できるようにするスクリプトを紹介します。

サイトのキャプチャ

Modernizr

[ad#ad-2]

ツールの概要
利用できるプロパティ
  • @font-face
  • border-image
  • border-radius
  • box-shadow
  • text-shadow
  • opacity
  • Multiple backgrounds
  • CSS Animations
  • CSS Gradients
  • など
サイトのキャプチャ

CSS3 PIE

ツールの概要
利用できるプロパティ
  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient as background image
サイトのキャプチャ

Selectivize

ツールの概要
  • JavaScript
  • jQueryやYUIなどのフレームワークと組み合わせて使用
利用できるプロパティ
  • CSS3の各種セレクタ

[ad#ad-2]

サイトのキャプチャ

cssSandpaper

ツールの概要
  • JavaScript
利用できるプロパティ
  • transform
  • opacity
  • box-shadow
  • gradients
  • RGBa, HSL, HSLa
サイトのキャプチャ

CSS 3 Media Queries for all Browser

ツールの概要
利用できるプロパティ
  • Media Queries
サイトのキャプチャ

IE-CSS3

ツールの概要
  • ビヘイビア スクリプト(htc)
利用できるプロパティ
  • border-radius
  • box-shadow
  • text-shadow
サイトのキャプチャ

ie7-js

ツールの概要
利用できるプロパティ
  • 透過PNG
  • CSS3の各種セレクタ
  • 各プロパティのIEでの不具合を正常に機能させます

sponsors

top of page

©2018 coliss