English Deutsch Español Italiano Русский Svenska 日本語

CSS3丸角

最も人気なCSS3プロパティーの一つはborder-radius。ウェブ・デザイナーは、丸角をもつデザインを作成する為に、カスタム化されたcorner graphicsを使った、複雑なテーブル構造を使う必要はなくなりました。CSS3 border-radiusを使って角を丸くしましょう!

CSS3メニューにおける border-radius の為に、次のコードが作成されました:
border-radius:0 0 9px 9px;
-moz-border-radius:0 0 9px 9px;
-webkit-border-radius:0 0 9px 9px;

これは、 丸角 効果を表示しているFirefoxのスナップショット:

border-radius


Il border-radius è supportato dai seguenti browser: Webkit (da Safari 3 +), Opera 10.5, Firefox 3.5.

参照:
CSS3 Angoli arrotondati, CSS3 Ombra, CSS3 Animazione, CSS3 Text Ombra, CSS3 Gradiente CSS3 Transition




ダウンロード


CSS3丸角作成

長方形はつまらない。Graphical interfaceの開始以降、コンピューター・プログラマーは、コンピューターのメモリーに過度な負担をかけずに完璧に丸い角を作成することに執着してきた。

border-radius


インターネット・ユーザーのウェブサイトの認識が、ボタンの丸角ほどの単純なものによって変化したことに、驚かれるかもしれません。人がウェブサイトを訪問する時、初めに見る物の一つはナビゲーション・メニュー。滑らかな、丸い角は友好性とアクセス性を伝えて、これらはウェブから新しい訪問者が去ることを防ぐうえでとても重要。





ダウンロード