如何使半径的宽度和高度为 200 像素?我读到这可以以像素为单位完成,但每次尝试都失败了。
background-image: -webkit-radial-gradient(75% 100%, circle farthest-corner, #ffffff, #ff7ae9 33%);
background-image: -o-radial-gradient(75% 19%, circle farthest-corner, #ffffff, #ff7ae9 33%);
background-image: -ms-radial-gradient(75% 19%, circle farthest-corner, #ffffff, #ff7ae9 33%);
background-image: radial-gradient(75% 19%, circle farthest-corner, #ffffff, #ff7ae9 33%)
background-image: -moz-radial-gradient(75% 19%, circle farthest-corner, #ffffff, #ff7ae9 33%);
最佳答案
编辑:添加了所有供应商前缀以使其更清晰
background-image: -moz-radial-gradient(50px 100px, circle farthest-corner, #ffffff, #ff7ae9 200px);
background-image: -webkit-radial-gradient(50px 100px, circle farthest-corner, #ffffff, #ff7ae9 200px);
background-image: -o-radial-gradient(50px 100px, circle farthest-corner, #ffffff, #ff7ae9 200px);
background-image: -ms-radial-gradient(50px 100px, circle farthest-corner, #ffffff, #ff7ae9 200px);
background-image: radial-gradient(50px 100px, circle farthest-corner, #ffffff, #ff7ae9 200px);
在此示例中,“200px”是圆的大小,任何标准 CSS 单位(例如 px、em 或百分比)都可以。
'50px 100px'是圆心的位置,作用与background-position相同所以像“左上”这样的值也可以。
有几个online generators可以帮助您处理所有供应商特定的前缀。
附注
@Mohsen 像素值很好,MDN说:
either a percentage between 0% and 100% or a length along the gradient axis
如果您单击“length” '它说
The CSS syntax for length is a number followed immediately by a unit. Space between the number and the unit is not allowed.
关于css - 使径向渐变半径为 200px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7495183/