cssで文字をドロップシャドウさせる

はやち

はやち

以前紹介したドロップシャドウcssがありましたが、文字のドロップシャドウがあるのを知ったので
ちょっとメモ

text-shadow: 1px/*横方向*/ 1px/*下方向*/ 3px/*ぼかし方向*/ #000;

細かく指定する時はこんな感じ

text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #000;

これを指定したらどのようになるのかちょっとスクショとり忘れてしまったのでわかりうらいですが、
見出しを少しデザインするにはいいかもですね^^

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

フロントエンドエンジニアのはやちです( ˘ω˘)☝ 以前までは顔隠しておりましたが思い切ることにしました…。 相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌ 今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

このメンバーの記事をもっと読む