微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

原文地址:https://www.jb51.cc/html/231958.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐