タイトルを光らせる

できあがりイメージ

つくりかた

Step2 光らせる要素のCSSセレクタを探す

CSSのセレクタで h1 を探しましょう。
サンプルでは h1 に反映させます。

Step3 フィルターで影を追加する

文章を光らせるために filter で白い色の影を追加します。
filter:drop-shadow(0 0 5px white);を追加して白色の影を追加します。
カッコの中は ( 影の縦の位置、横の位置、影の大きさ、色 ) の順番に値を指定します。
タイトル文字と同じ色の影をつけることで文字が光って見えます。

Step4 コードを書くかコピー＆ペーストする

コピーしたコードを目的の箇所にペースト（貼り付け）するか、直接書いてみましょう。

Step5 実際の見え方を確認する

タイトルの下に点線がついていたら完成です。