这篇文章将为大家详细讲解有关css3中怎么实现文字描边效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。CSS3作为新兴的前端技术可以实现很多复杂变化的效果
这篇文章将为大家详细讲解有关css3中怎么实现文字描边效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
CSS3作为新兴的前端技术可以实现很多复杂变化的效果,比如文字描边。这里主要用到text-shadow属性,顾名思义就是为文字加上阴影效果。例:
text-shadow:10px 5px 2px #f60;
其中:x位移和y位移表示阴影相对文字的偏移值,可以为负值。思路其实很简单:对四个方向都作出模糊程度为零的1px阴影
CSS Code复制内容到剪贴板
-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);
关于CSS3中怎么实现文字描边效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
--结束END--
本文标题: CSS3中怎么实现文字描边效果
本文链接: https://www.lsjlt.com/news/77648.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0