ボタンに光沢感を付ける

ボタンや見出しなど（色付きのブロック要素）に光沢感を付ける。

デモページを表示

CSS

補足

• 対象となるブロック要素を擬似要素で覆い、その疑似要素のグラデーションで光沢感を付ける。
• 13行目：linear-gradient で光沢感の仕様を設定している。
• レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。

HTML

補足

• 光沢感を付けるブロック要素に add-gloss クラスを設定する。