Css 径向梯度是如何添加到这里的？

我见过很多网站在网上冲浪时，背景上有着自然的梯度。我不明白的是。。。他们是怎么做到的？我不认为这是photoshop创建的图像文件，因为渐变看起来像是根据我的web浏览器的屏幕大小自然地、正确地重新调整大小。。。所以，我想一定是CSS。。。但我找不到哪个代码真正起作用：/

---

有人能告诉我是怎么做的吗

这是一个简单的背景图像

style.css，第6行：

body{background:fff url../images/body-bg.jpg 50%50%。。。

---

这是一个简单的背景图像

style.css，第6行：

body{background:fff url../images/body-bg.jpg 50%50%。。。

随着时间的推移，这将比繁重的背景图像更可取：创建它们、维护它们、服务它们、下载它们、缓存它们

相反，只需使用CSS3径向梯度，并使用生成器查找所需内容。 代码如下：

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #00A3EF 100%);

​ 答：目前，它需要供应商前缀，以便能够跨浏览器呈现

B.写起来难吗？不。这很简单！这也是CSS3的新方法。查找CSS3生成器你需要什么“在这种情况下，它是一个径向渐变。但是你可以对框阴影、文本阴影、变换、动画等做同样的操作

，它越来越接近示例图像。

随着时间的推移，这将比繁重的背景图像更可取：创建它们、维护它们、服务它们、下载它们、缓存它们

相反，只需使用CSS3径向梯度，并使用生成器查找所需内容。 代码如下：

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #00A3EF 100%);

​ 答：目前，它需要供应商前缀，以便能够跨浏览器呈现

B.写起来难吗？不。这很简单！这也是CSS3的新方法。查找CSS3生成器你需要什么“在这种情况下，它是一个径向渐变。但是你可以对框阴影、文本阴影、变换、动画等做同样的操作

---

，它越来越接近示例图像。

我也检查了那张……但是，bg img似乎没有渐变效果……是吗？我不知道你是怎么检查的，但似乎有渐变。Ohhhh…………哇……我感到很尴尬：/我相信这一定是一个使用CSS的花式技巧……谢谢。//我使用CSS检查了它他在Fire Bug中的预览模式：我应该“实际”打开文件…我真是太傻了…谢谢你guys@Raccoon不必感到尴尬。我用Chrome开发者工具检查了它，在DOM树上找到了一个背景图像。我也检查了那个……但是，bg img似乎没有梯度效果……是吗？我没有“我不知道你是如何检查的，但似乎有一个梯度。哦……哇……我感到很尴尬：/我相信这一定是一个使用CSS的花式技巧……谢谢//我使用Fire Bug中的预览模式检查了它：我应该“实际”打开文件……我真是太笨了……谢谢你。”guys@Raccoon没必要感到尴尬，我查过了使用Chrome开发者工具，我在DOM树上找到了一个背景图像。