如何使用CSS3製作透明紋理圖案？

Question

例如像這樣 是透明的PNG

目前我使用這個透明的PNG和我很好與但我只是好奇，如果它也可以用CSS3（基於Web-KIT瀏覽器）

我看到這個圖案圖庫http://leaverou.me/css3patterns/但是它用於圖案。

Answer 1

不幸的是，沒有做到這一點的CSS方法。你鏈接到的CSS3模式很有趣，但它們破解了漸變功能以產生一些有趣的模式。隨着噪聲的出現，它變得更加困難，因爲數據是隨機的，像素密集的。

恐怕我打算從典型的「有一個jQuery插件...」，在這種情況下，它是http://rappdaniel.com/noisy/。 JS生成一個Data URI background image。