2011/04/06

CSS3のプリフィックスを自動で生成「-prefix-mycss」

CSS3の利用が日々の作業の中で当たり前になってくると、ベンダープリフィックスを付けるのが非常に億劫になってきてしまいます。そんな時に便利なツールが「-prefix-mycss」です。




このツールは、自動で W3C のプロパティ名に「ベンダープリフィックス」を付けてくれます。

使い方

1、まず最初に自分がつくったソースを左側に記述します。

2、オプションを選択します。「All options = 全部のオプション」「No comments added = コメントの付けない 例: /* border-radius*/」「No space on prefixed properties = プリフィックスの前にスペースをつけない」「All in 1 line = 全て1行で記述」
3、「Prefix」のボタンを押します。右側のボックスにソースが生成されます。これで完成です。

現在サポートされているプロパティ
利用の際には、サポートされているプロパティのチェックはお忘れなく。

◯ - 完全、▲-一部 ×-未完

○animation
○background-clip
○background-origin
○background-size
○border-radius
○box-shadow
▲gradient (linear)
×gradient (radial)
○transform
○transition

Bookmark and Share