CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
Photoshopのグラデーションツールの操作感でCSSグラデーションを作れるツール:phpspot開発日誌
Ultimate CSS Gradient Generator - ColorZilla.com Photoshopのグラデーションツールの操作感でCSSグラデーションを作れるツールがあるみたい。 その名も「Ultimate CSS Gradient Generator」。Photoshop自体の使いやすさは使っている方なら誰もがご存じだとは思いますがあのUIでCSSグラデーションを簡単に作れます 豊富なサンプルをベースとして編集も可能ですが、瞬時にCSS化されます。 つまみをドラッグで簡単にグラデーション編集 地点をクリックするとポイントを追加することが出来、より複雑なグラデーションも容易に作成可能 関連エントリ CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
