作業が劇的に早くなる！CSS3のジェネレータ「CSS3.0 Maker」が便利すぎて涙が出る！

CSS3.0 Maker
参考：Border Radius | CSS Border Radius | CSS 3.0 Border Radius | CSS3.0 Border Radius

作業効率をあげることって永遠のテーマですねよ。そんなときに役に立つWebサービス・CSS3のジェネレータ「CSS3.0 Maker」を天才が作ってくれているのでご紹介します。ありがとう！ジーニアス！

直感的に調節できるUIが嬉しい！

css3maker

CSS3 Stylesのところで大まかな調整ができます。今回はグラデーションのCSSでやってみました。Type・Start Color等を選ぶと自動的に真中のプレビューと右のコードビューが変更されます。
調節が終わったらコードビューの右上にあるダウンロードを押すとCSSとHTMLがまとまったデータがダウンロードできます。

対応するCSSの種類は10種類

  • Border Radius
  • Gradient
  • CSS Transform
  • CSS Animation
  • CSS Transition
  • RGBA
  • Text Shadow
  • Box Shadow
  • Text Rotation
  • @Font Face

ここはほんとに便利なので是非、使って作業効率に役立ててください。

Related articles