1

在我的网页上，我有background: gray，现在我需要添加一个白色阴影圈，如图所示。我的决定之一是添加url:('../img/background.png') no-repeat gray，但我无法连接颜色，因为图像具有垂直渐变。

我认为使用 CSS 3 可以做到这一点，对吗？

屏幕

4

2 回答 2

4

那是径向渐变。

body {
  width: 600px;
  height: 300px;
  background-image: -o-radial-gradient(circle, #fff, #b1b5be 150px);
  background-image: -moz-radial-gradient(circle, #fff, #b1b5be 150px);
  background-image: -webkit-radial-gradient(circle, #fff, #b1b5be 150px);
  background-repeat: no-repeat;
}

现场演示：Tinkerbin

于 2012-07-29T14:09:22.780 回答
0

您还可以通过 css 过滤器使用白色圆形图像模糊 div 来创建白色圆形阴影。

网络套件： -webkit-filter: blur(15px);

IE：filter: blur(Add=1, Direction=1, Strength=15)

在 Firefox 中通过 CSS 使用 SVG 过滤器

于 2012-07-29T14:13:09.313 回答