我的页面上有一个漂亮的背景,我希望我的文本标题充当一个 mask 以穿过它包含的 div 并将背景作为纹理。
我可以在 CSS 中执行此操作还是必须打开 Photoshop?
最佳答案
有限的浏览器支持,但是 background-clip
可以让你得到这个效果: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 - 使用文本作为背景图像上的 mask ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11924800/