cssで文字に半透明度のドロップシャドウをかける【text-shadow】

cssでテキストに半透明のドロップシャドウをかける方法です。

ドロップシャドウをかけたいテキストのカラーをrgbで指定するとうまくいきます。

HTML

<p class="shadow">ドロップシャドウをかけたいテキスト</p>

CSS

text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);

text-shadow: 水平方向の距離　垂直方向の距離　影のぼかし　影の色　不透明度;　となっております。

See the Pen
zYGXEJE by nanami (@nanami_po)
on CodePen.

よかったら参考にしてください◎
 

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方

posted with ヨメレバ

吉田真麻 翔泳社 2015年11月02日頃

楽天ブックス

楽天kobo

Amazon

Kindle

honto

紀伊國屋書店

教科書では教えてくれないHTML&CSS

posted with ヨメレバ

狩野祐東 技術評論社 2021年07月17日頃

楽天ブックス

楽天kobo

Amazon

Kindle

honto

紀伊國屋書店