グラデーションを使った 10 個の見出しのサンプルです。 HTML は、言及していない限り下記の単純なものです。 <h2>グラデーションの見出しサンプル</h2> グラデーションの色選びは、サイトカラーに最適な色とグラデーションを生成する「ColorSpace」をご参考ください。 まずは最も単純な背景色がグラデーションの見出し。 グラデーションの見出しサンプル 01 CSS はこちら。 h2 { background: linear-gradient(to right top, #9c27b0, #c21fa0, #de268f, #f23a7e, #ff536f); border-radius: 8px; color: #fff; font-size: 24px; line-height: 34px; padding: 27px 24px; } グラデーションの背景色はそのままに、変形し
