你能给CSS3渐变添加噪声吗?

前端之家收集整理的这篇文章主要介绍了你能给CSS3渐变添加噪声吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能在CSS中的渐变添加噪声?

这里是我的径向渐变的代码

body {
    color: #575757;
    font: 14px/21px Arial,Helvetica,sans-serif;
    background-color: #2f3b4b;
    background: -moz-radial-gradient(center 45deg,circle closest-corner,#2f3b4b 0%,#3e4f63 100%);
    background: -webkit-gradient(radial,center center,10,900,from(#2f3b4b),to(#3e4f63));
}

我会添加什么,在它的顶部有噪声,给它纹理?

解决方法

在css中没有当前的方式来添加“噪音”到背景。

另一种解决方案是在图形编辑器中创建一个透明的噪声png。然后将该图形应用为< div>的背景。然后,您需要将< div>在< body>的整个区域上。其应该然后给出具有噪声的梯度的外观。

猜你在找的CSS相关文章