(閉じる)

はてなブックマーク > コンピュータ・IT > CSS3の円形グラデーションを使ってスポットライトが...

CSS3の円形グラデーションを使ってスポットライトがあたったようなデザインを実現する｜MONODEZ

monodez.com

タグ :

コンピュータ・IT 32 users このエントリーをはてなブックマークに追加

CSS3の円形グラデーションを使ってスポットライトがあたったようなデザインを実現する｜MONODEZ

Webサイトのヘッダーやフッターにスポットライトがあたったようなデザイン。 特にデザイン系のブログや、落ち着いた雰囲気のサイトによく見かけます。 例えば『Webデザインレシピ』さんのフッターとか。 で、これをCSS3の円形グラデーションで実現してみます。 はじめに まずは原理を説明。 CSS3で円形グラデーションを作成し、円の中心点を移動させます カラーをRGBa指定して、円の内側から外側にかけて透過度を0にする 以上。 ここではわかりやすく半円のスポットライトを作成してみます。 webkit系ブラウザ（... > このページを見る

最終更新時間: 2010年12月09日13時35分
▼ブログで紹介する

みんなのブックマーク 人気（0） 新着

このブックマーク一覧を非公開にするには?

はてなブックマークを使ってみる(無料)
はてなブックマークって？
はてなブックマークはオンラインでブックマークを管理・共有できる無料サービス。自宅、職場、外出先、どこからでも同じブックマークにアクセスできます。ユーザーはみんなでブックマークを共有して効率良く情報収集しています。あなたもはてなブックマークを始めてみませんか?