[CSS] 明るい背景などの上の白い文字に使う text-shadow

写真の上に文字を置くとき、背景を同化して見づらくないようにtext-shdowをかけたりする。

#状況

明るい画像や暗い画像に応じて、動的でも静的でも文字の色を変えれば良いのだが、一律で白文字以外変えられない場合。

#コードとサンプル

京都 Photography

※写真は「Photographix」からお借りした

text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4), -2px -2px 1px rgba(0, 0, 0, 0.08);
twitterfacebookhatenafacebook