扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
小编给大家分享一下css3实现字体倒影的示例，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！
创新互联公司长期为上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为闵行企业提供专业的网站建设、做网站，闵行网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。
css3实现字体倒影的方法：首先创建一个HTML示例文件；然后定义一段文字；接着通过给指定文字添加“box-reflect”属性实现字体倒影即可。
css3实现字体倒影
在CSS中，主要采用box-reflect属性来实现字体倒影效果。
box-reflect属性主要用于设置或检索对象倒影。
box-reflect语法
box-reflect：none |? ?
由于此属性并不是W3C标准属性，在具体使用之时，还是需要添加浏览器的私有属性，根据浏览器的兼容性，使用box-reflect时需要添加-webkit前缀：
-webkit-box-reflect：none |? ? box-reflect：none | ? ?
Firefox下并不支持这个属性,在Firefox下可以通过-moz-element()来模拟