如何使用CSS3制作透明纹理图案?
例如像这样 它是透明的 .png
目前我使用这个透明 png,我对此很好,但我只是好奇 CSS3 是否也可以(在 Web-kit 浏览器上)
我看到了这个模式库 http://leaverou.me/css3patterns/ 但是它是用于模式的。
For example like this
it's transparent .png
Currently I use this transparent png and I'm fine with that but I'm just curious if it's also possible with CSS3 (on Web-kit browsers)
I saw this Pattern Gallery http://leaverou.me/css3patterns/ but it's for patterns.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不幸的是没有 CSS 方法可以做到这一点。您链接到的 CSS3 模式很有趣,但它们破坏了渐变功能以产生一些有趣的模式。对于噪声,情况会更加困难,因为数据是随机的且像素密集的。
恐怕我将从典型的“有一个 jQuery 插件...”开始,在本例中它是 http://rappdaniel.com/noisy/。 JS 生成一个 Data URI 背景图片。
Unfortunately there is no css way of doing this. The CSS3 patterns you're linking to are interesting, but they hack the gradient functionality in order to produce some interesting patterns. With noise it's more difficult, because the data is random and pixel intensive.
I'm afraid I'm going to start with the typical "there's a jQuery plugin for that..." and in this case it's http://rappdaniel.com/noisy/. The JS generates a Data URI background image.