「CSSPrefixer」CSS3プロパティを自動でベンダープレフィックス(各ブラウザエンジン用に記述)してくれるツール

現段階では、CSS3を利用する際は、各ブラウザエンジン用にベンダープレフィックスを記述する必要があります。

  • -webkit- (Google chrome,Safari)
  • -moz- (Firefox)
  • -o- (Opera)

などといった記述です。

1つのプロパティに対し2~3も複製して上記のベンダープレフィックスを追加するのはとても面倒です。ましてや値を変更しようなら、またも追加したベンダープレフィックスの値も変更したりとメンテナンス的にも非常に面倒です。

それを一発で作成してくれるツールが「CSSPrefixer」です。
左枠に通常のプロパティを記述して、「Process」 ボタンをクリックするだけで右枠にベンダープレフィックスを追加したCSS3を作成してくれます。便利だと思いますので是非使ってみてください。

CSSPrefixer