クリエイター:コーディング備忘録ブログ

コーディング

【-webkit-background-clip】文字にグラデーションをかける【ie非対応】

■ポイント
・-webkit-background-clip:text;文字で背景色を切り抜く
・バックグラウンドにグラデーションをかける
・IE非対応なので、ハックで通常のカラーを代替で指定する事

■HTML

■CSS

■参考:アイデア次第で効果的な使い方ができるかも!?「background-clip:text;」を使って背景画像を文字でマスクする方法CSSのみでテキストにグラデーションやリフレクトをかけるテクニック(ちょっと更新)

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP