径向渐变CSS原点在顶部，而不是在中心
我在玩径向梯度，我不能得到我想要的效果 我试着用它们，但是它们的中心总是在中间。我已经尝试了我自己的变换，但我不知道是否有一个选项来改变梯度的原点。我希望原点是在中间水平，但在顶部垂直。 我尝试了以下方法，但没有成功：径向渐变CSS原点在顶部，而不是在中心,css,sass,gradient,radial-gradients,Css,Sass,Gradient,Radial Gradients,我在玩径向梯度，我不能得到我想要的效果 我试着用它们，但是它们的中心总是在中间。我已经尝试了我自己的变换，但我不知道是否有一个选项来改变梯度的原点。我希望原点是在中间水平，但在顶部垂直。 我尝试了以下方法，但没有成功： background: -webkit-radial-gradient(center, ellipse cover at 50% 0px, $center 0%,$outer 70%); background: -webkit-radial-gradient(top center
background: -webkit-radial-gradient(center, ellipse cover at 50% 0px, $center 0%,$outer 70%);
background: -webkit-radial-gradient(top center, ellipse cover, $center 0%,$outer 70%);
我给你举一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="Maciej Fraj">
<style>
html, body{
width:100%;
height:100%;
}
.example{
display: block;
width: 100%;
height: 100%;
background: #ffffff;
background: radial-gradient(circle at center top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 55%, #f6f6f6 100%);
}
</style>
</head>
<body>
<div class="example"></div>
</body>
</html>
html，正文{
宽度：100%；
身高：100%；
}
.举例{
显示：块；
宽度：100%；
身高：100%；
背景：#ffffff；
背景：径向梯度（中心顶部的圆圈，#ffffffff 0%，#f1f150%，#e1e1e155%，#f6f6f6 100%）；
}
当你们使用径向渐变时，首先你们要设置渐变形状——在示例圆圈中，接下来是位置中心顶部，最后你们要设置颜色。您可以使用此示例并对其进行更改，当然您必须为所有浏览器编写缺少的语法。感谢Harry，我找到了答案。如果这对这里的任何人都有帮助的话，这就是我用来获得这种渐变效果的方法，它似乎适用于除IE9之外的所有浏览器
background: -webkit-gradient(radial, 50%, 0, color-stop(0%,#ffffff), color-stop(70%,#b7b7b7));
你是说像？我认为您的语法/值顺序不正确。@Harry是的，类似这样的东西！在哪里确定径向渐变的原点？我想了解径向梯度特性。看一下：♦ @DanielRamirez Escudero:
50%0%x轴位置y轴位置径向梯度-webkit-