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

6 05 2008

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

操作

Information

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中




%d人のブロガーが「いいね」をつけました。