CSSの角丸を楽して実装!『CSS Boarder Radius』
CSS3の角丸は覚えればそんなに難しくないのだろうけど、つい忘れてしまう。
そんな事を思ってた矢先にこんなWEBサービスを見つけた。
CSS Boarder Radius
http://border-radius.com/
使い方は簡単で、角にある"0"の部分の数値を変更していくことで自動的にCSSが生成されるようになっている。あとは自分のファイルにコピペするだけなので特にこれといった作業はない。
生成されたデータはこんな感じ
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
実装例はこんな感じ