【CSS】CSSだけでグラデーションの見出しとボーダーを作る！ - bagelee（ベーグリー）はじめに 今回はCSSシリーズの続きとして、CSSだけでグラデーションがかかった見出し（文字）とボーダーを作る方法をご紹介します。 CSS2.0まではグラデーションがかかった見出し（文字）やボーダーを作りたい場合は画像、または背景画像を用意して作成する方法が一般的だったのですが、CSS3の導入により画像を使わずに様々な形のグラデーションを作ることが可能になりました！ 今回作成していくもの まずは、今回作成していくデモをご紹介します。 今回作成していくデモはこちらです。 See the Pen グラデーションの見出しとボーダー by Ayaka Sasaki (@ayausaspirit) on CodePen. HTML解説 では、中身のソースコードを見て行きましょう。 まず、今回の全体のHTMLはこのようになっています。 <h2>グラデーションの<br><span class="grad
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
