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」
次のような角丸かつ、光彩かつ、半透明なブロックを作成しているサンプル。
JavaScriptは使っておらず、また、1個のPNG画像で表現しているそうです。
なかなか美しい表現なので、ページデザインのどこかに使えるかも。
尚、IE6では動かないようなので、注意。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ