CSSだけで丸い角を作るテクニック

私はまだCSSはお勉強中ですが、面白い記事を発見しました。
One pixel notched corners as used by Google Analytics
コーナーに1pxの切り込みを入れる事によって、角を丸くみせるテクニック。

画像を使ったりjavascriptを使ったりと丸い角を作る方法は色々あるけれど
CSSだけでいじれるこの方法は一番試しやすいんじゃないかな、なんて思ったりします。

その他、丸い角を作るテクニック
Rounded Corners With No Images Using curvyCorners
丸い角の画像ジェネレータ
RoundPic

Photographer

Raphael Goetter

License

Creative Commons (by)

Tool for photo selecting

Gigazinize Tools – Image