[JS]さまざまなエフェクトを持つ角丸を実装できるスクリプト -ShadedBorder

画像を使用しないで角丸を実装するスクリプトはたくさんありますが、このShadedBorderは角丸にさまざまな効果を与えて実装することができるスクリプトです。 ShadedBorder - JavaScript Round Corners with Drop Shadow ShadedBorderの実装は、ダウンロードした「shadedborder.js」を外部ファイルとして指定し、下記のようなコードでシンプルな角丸が実装できます。 head箇所 <script type="text/javascript" src="shadedborder.js"></script> <style type="text/css" media="screen"> #simple{padding:10px;} </style> body箇所 <div id="simple"> <p>角丸のサンプル</p>

[hoge_systemz]

safariダメっぽい？

[wakatakahawks]

角丸。フォントサイズ拡大しても崩れない。jsオフだと背景は何も表示されなくなるのでオフ環境用にCSSで多少ケアすると使えそう。

[saladdays]

そろそろ出てきて欲しい角丸スクリプト決定版