難易度:★☆☆
プロパティ:filter:drop-shadow
関連レッスン:Chapter2 レッスン2
h1 タグで囲まれているところに対し、CSSを反映させていきます。
CSSのセレクタで h1 を探しましょう。
サンプルでは h1 に反映させます。
文章を光らせるために filter で白い色の影を追加します。
filter:drop-shadow(0 0 5px white);を追加して白色の影を追加します。
カッコの中は ( 影の縦の位置、横の位置、影の大きさ、色 ) の順番に値を指定します。
タイトル文字と同じ色の影をつけることで文字が光って見えます。
コピーしたコードを目的の箇所にペースト(貼り付け)するか、直接書いてみましょう。
タイトルの下に点線がついていたら完成です。