首页  >  文章  >  web前端  >  css实现文字描边以及倒影效果

css实现文字描边以及倒影效果

王林
王林转载
2020-10-14 16:52:322241浏览

css实现文字描边以及倒影效果

描边: 主流浏览器都支持

(推荐教程:css视频教程

-webkit-text-stroke:<length> <color>;
-webkit-text-stroke:4px pink;/*描边宽度4px,字体颜色粉红*/

倒影:谷歌、safari、opera支持,火狐不支持

-webkit-box-reflect:<left|right|top|bottom> <length>;
-webkit-box-reflect:left 4px;/*倒影方向座 和倒影间距4px*/

相关推荐:CSS教程

以上是css实现文字描边以及倒影效果的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:csdn.net。如有侵权,请联系admin@php.cn删除