• 技术文章 >web前端 >css教程

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

    VV2020-10-14 16:52:32转载97

    描边: 主流浏览器都支持

    (推荐教程: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,如有侵犯,请联系a@php.cn删除
    专题推荐:css 文字描边 倒影
    上一篇:7个实用的CSS background-image小技巧 下一篇:16 个CSS开发中需要了解的DevTools技巧
    第13期线上培训班

    相关文章推荐

    • css滤镜实现文字描边效果(不支持FF与IE6)• 用CSS3实现文字描边 - Yiven• 用CSS3实现文字描边_html/css_WEB-ITnose• 如何使用css text-stroke属性来制作文字描边?(源代码)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网