我如何使用CSS3渐变为我background-color,然后应用一个background-image应用某种光透明纹理?
我目前正在努力为我的网站设置一个足够快的加载图像背景.我已经使用了数据网址图像甚至是光学图像,但是由于背景图像仍然非常大,因此在加载页面时需要很长时间.是否可以使用CSS创建一个带纹理的背景颜色,如下图所示?这是一个例子
我尝试过但无法与之匹敌:

我试图CSS为后续图像制作渐变

只是忘了菜单我只需要渐变,因为它很难得到颜色代码我试过这个..
body, html {
width: 100%;
height: 100%;
margin: 0;
background: -webkit-radial-gradient(center, ellipse, #2D84A7 5%, #0D354E);
background: -moz-radial-gradient(center, ellipse, #2D84A7 5%, #0D354E);
background: radial-gradient(center, ellipse, #2D84A7 5%, #0D354E);
}Run Code Online (Sandbox Code Playgroud)
任何人都可以帮助我超越颜色和风格
我有一个带有重复背景图片的网站。
background: url(images/back_small.png) repeat center center fixed;
Run Code Online (Sandbox Code Playgroud)
但是,如果图像不是一个接一个地重复,我会更喜欢它,以添加一些变化。最终结果应该是一种点状图案,图像不时出现,而不是立即重复。
我不知道这是否可以用 CSS,但如果是这样......我在等待想法:D