CSSで文字列の内側に影をつける - Qiita

box-shadowにはinsetがあるが text-shadowには存在しないので外側に影をつけることしか出来ない だが、透明度と背景色をうまく使うことで内側に影をつけることが出来る 例として「龍■」はこんな感じ 方法 とりあえずhtmlとcss <div class="row"> <div> <p>1. <br /><span class="shadow shadow-l1">龍■</span></p> </div> <div> <p>2. <br /><span class="shadow shadow-l2">龍■</span></p> </div> <div> <p>3. <br /><span class="shadow shadow-l3">龍■</span></p> </div> <div> <p>4. <br /><span class="shadow shadow-l4

[kathew]

文書としては崩れる感じ。文書構造を意識する時は採用できないかー……。