参考:Border Radius | CSS Border Radius | CSS 3.0 Border Radius | CSS3.0 Border Radius
作業効率をあげることって永遠のテーマですねよ。そんなときに役に立つWebサービス・CSS3のジェネレータ「CSS3.0 Maker」を天才が作ってくれているのでご紹介します。ありがとう!ジーニアス!
直感的に調節できるUIが嬉しい!
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
ここはほんとに便利なので是非、使って作業効率に役立ててください。