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

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

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

使い方

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

２、オプションを選択します。「All options = 全部のオプション」「No comments added = コメントの付けない 例： /* border-radius*/」「No space on prefixed properties = プリフィックスの前にスペースをつけない」「All in 1 line = 全て1行で記述」

３、「Prefix」のボタンを押します。右側のボックスにソースが生成されます。これで完成です。

現在サポートされているプロパティ

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

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

○animation

○background-clip

○background-origin

○background-size

○border-radius

○box-shadow

▲gradient (linear)

×gradient (radial)

○transform

○transition