Commit Lab

CSS Gradient Text Effectをやってみた

Design Walker さんの透過をきれいに使ったウェブデザインいろいろ を見て、興味深くまた簡単そうなCSS Gradient Text Effectをやってみた。最近多いグラデーションを使った文字をCSSで表現するというお話しでした。

元ネタはWeb Designer Wall さん。両方とも超有名どころですね。Web Designer Wallさんは英語ですが毎回わかりやすくて助かります。

で、実際やってみた結果

色を付けてみたら結構綺麗でした。実際仕事で使うかどうかはおいといて良い勉強になりました。画像で作る場合と同じで、透過pngで用意するグラデはメリハリを付けた方がそれっぽくなる気がします。

関連する投稿

• 横幅960pxのグリッドレイアウト
• リキッドレイアウトの最大横幅を固定する-minmax.js
• [追記]CSSでロールオーバーをするときは
• [Webデザイン] 企業サイトの横幅はどれくらい？～住宅メーカー編～
• [Webデザイン] YahooとgoogleのMap APIと銀行の地図

最新の記事

• [フリー素材] CDのアイコン
• [フリー素材] CL Button Icon
• [フリー素材] ダウンロード用HDDアイコン
• [XHTML+CSS] 引用を装飾してみる
• [フリー素材] 小さいアイコン+α