本文向您介绍文本屏蔽CSS。 主要内容包括其使用实例、应用方法、基本知识点总结以及必要的注意事项。 具有一定的参考价值,有需要的同学可以参考。
-webkit-text-stroke: 3.3px #2A75BF;
-webkit-text-fill-color:#fff;
这种方式实际上Android端不支持,显示为球体。
或者:
-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
*filter: Glow(Color=#000, Strength=1);
第二种方法是通过文字阴影来模仿蒙版。 这些1px的蒙版还可以,如果蒙版厚的话,你会看到很多锯齿状的边缘,而且不光滑。 掩码还取决于所使用的字体。 一些字体,如helvical、maskcss3文字描边css3文字描边,然后显示的填充颜色非常少。 对于遮罩字体,最好加粗,这样遮罩看起来更清晰;