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