粗文字轮廓

时间:2013-01-28 22:58:37

标签: javascript jquery html css css3

我需要在文字上添加粗轮廓。我找到了这个技巧

text-shadow:
    -1px -1px 0 #00f,
    1px -1px 0 #00f,
    -1px 1px 0 #00f,
    1px 1px 0 #00f;

但它仅适用于1px轮廓。轮廓也不是很流畅,在大字体上看起来很破碎。有没有办法制作2或3px更粗的光滑轮廓? CSS或JS或jQuery插件,任何东西都会有所帮助

1 个答案:

答案 0 :(得分:3)

编辑:您必须使用所有排列,包括-1px 3px 0px #00f3px -2px 0px #00f之类的排名。

text-shadow:
  -1px -1px 0 #00f,
  1px -1px 0 #00f,
  -1px 1px 0 #00f,
  1px 1px 0 #00f,

  -2px -2px 0 #00f,
  2px -2px 0 #00f,
  -2px 2px 0 #00f,
  2px 2px 0 #00f,

  -3px -3px 0 #00f,
  3px -3px 0 #00f,
  -3px 3px 0 #00f,
  3px 3px 0 #00f;