使用文字阴影效果除了可以制作外发光之外,在某些时候还可以替代图片的文字描边效果。
上过程:
1、文字阴影
text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
这是使用的黑色1像素阴影制作的描边
效果如下:

2、还有另外一种css
使用text-stroke,但是这种兼容性不如text-shadow,测试chrome下必须加前缀-webkit-
-webkit-text-stroke:1px #000000;
chrome测试效果如下:

效果方面第二种要好,但是兼容性不好。
以上。
这样就可以在不使用图片的情况下给文字加描边了。
参考链接:
https://www.cnblogs.com/tu-0718/p/11331193.html

本文探讨了如何利用CSS的text-shadow和text-stroke属性为文字添加描边效果,text-shadow提供了一种通用方法,而text-stroke虽效果更佳但兼容性较差。通过实例展示了两种技术的应用及其优缺点。
809

被折叠的 条评论
为什么被折叠?



