html – CSS:我可以使用文本作为掩码,因此背景图像只显示在文本中吗?

前端之家收集整理的这篇文章主要介绍了html – CSS:我可以使用文本作为掩码,因此背景图像只显示在文本中吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的页面上有一个很好的背景,我希望我的文本标题充当一个掩码,以切断其包含div并将背景作为纹理.我可以在CSS中执行此操作还是必须打开photoshop?

解决方法

有限的浏览器支持,但背景剪辑可以让你这样的效果http://tympanus.net/Tutorials/ExperimentsBackgroundClipText/(点击动画按钮更有趣)

使用SVG你可以这样做:http://people.opera.com/dstorey/images/newyorkmaskexample.svg(查看源代码,看看实际做了什么,见reference article)

使用背景图像然后使用CSS,您可以执行此操作:http://www.netmagazine.com/tutorials/texturise-web-type-css

猜你在找的HTML相关文章