福岡 web・ホームページ制作 Eight(エイト)

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

Category:Webサービス

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 Article

Comments

Page Top