Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS] CSS Gradient Text Effect – テキストにグラデーションをかけるCSS Tips

  • Pocket
  • このエントリーをはてなブックマークに追加

グラデーションのかかった画像を1枚用いる事で、テキストにグラデーションをかけるというCSS Tips。テキストそのものを画像化するわけではないので、当然テキスト属性は維持したままグラデをかけることができます。コーディングに慣れた人がソースを見れば「あぁなるほどな」と思うハズ。hタグの装飾なんかにイイですね。テキストのままなら汎用性も失われないし。こちらではこの技を使ったいくつかのサンプルを見る事ができます。基本さえ押さえておけば、色々と応用ができそうです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください