テキストにシャドウをかける方法と注意点

一般にテキストにシャドウをつける方法は次の形です。

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

色は好きな色が付けられるのだけど、実際利用をする時に、微妙に面倒くさい事があります。

引数はx方向のずれ、y方向のずれ、かげのボケ具合、影の色

の順番で設定をするのだけど、実際に利用をする時に例えば

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

のように設定をすると分身のようにまったく同じ形の影を作成する事ができます。ですが、これを実行するとアンドロイドの端末で見た時に影が出ません。

アンドロイドで影を表示したい時は、かげのボケは1px以上でなくては行けません。

 

  • written on 2012.11.24
  • category : css, mobile

Next / Prev

前の記事:

次の記事:

Same Category

Page top↑