CSSを使った透明角丸ブロック表現「Even More Rounded Corners」
2007年02月21日-
スポンサード リンク
Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS
There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with various visual effects.
CSSを使った透明角丸ブロック表現「Even More Rounded Corners」
次のような角丸かつ、光彩かつ、半透明なブロックを作成しているサンプル。
ＪａｖａＳｃｒｉｐｔは使っておらず、また、1個のＰＮＧ画像で表現しているそうです。
なかなか美しい表現なので、ページデザインのどこかに使えるかも。
尚、IE6では動かないようなので、注意。
関連エントリ
スポンサード リンク
By.KJ : 2007年02月21日 10:02 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- 過去のエントリ
