CSSとJavaScriptで影付きの角丸ボックス要素を作る:phpspot開発日誌

Transparent custom corners and borders, version 2 | 456 Berea Street It’s been almost a year and a half since I posted Transparent custom corners and borders, a technique for creating custom corners and borders with optional alpha transparency. CSSとJavaScriptで影付きの角丸ボックス要素を作る。 次のような２重線と影がついたボックスのサンプルが公開されています。 HTMLは次のようにシンプルな形に出来るようです。 <div class="cbb"> <h1>Transparent custom corners and borders, v

[webmarksjp]

デザイン

[ma2shita]

クリーンHTMLでワンランク上のデザイン。

[phillosophic]

CSSとJavaScriptで2重線と影がついた角丸ボックス要素を作る

[saladdays]

またまた角丸。kろえが一番キレイかなぁ。

[dsgn]

デザイン　陰

[takuya8]

HP作成

[penalty]

こんな事もできるのか。。。画像の方が綺麗ではあるけど。

[ishuter2]

CSSの細工法

[ricebread]

これはいいな。Javascriptがポイントか。

[aratako0]

面白い。IE7あたりになったら、実装できるんだろうか。

[hamasta]

角丸　あとで使う

[alicejp]

memo

[srv250s]

重い。重すぎる。

[atsu6630]

影付きの角丸ボックス CSSとJavaScript

[usj12262]

こんどは影マル。IE6だと影がついてない。

[shidho]

早速パクる。

[MichaeL]

角を丸くする。影をつける。IE7だと影がついてる。

[convexstyle]

I see

[TRICK7]

CSSで角丸＆影付きの効果。divにid設定するだけで簡単。

[designstalker]

bottomは角丸にならない