如何使用CSS3制作透明纹理图案?

发布于 2024-11-02 19:09:36 字数 297 浏览 1 评论 0原文

例如像这样 在此处输入图像描述 它是透明的 .png

目前我使用这个透明 png,我对此很好,但我只是好奇 CSS3 是否也可以(在 Web-kit 浏览器上)

我看到了这个模式库 http://leaverou.me/css3patterns/ 但是它是用于模式的。

For example like this
enter image description here 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

冷︶言冷语的世界 2024-11-09 19:09:36

不幸的是没有 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文