html – 如何使一个css渐变停止后这么多像素?

html – 如何使一个css渐变停止后这么多像素?,第1张

概述-moz-radial-gradient(center -200px , ellipse farthest-corner, #323C49 0%, #718299 65%) no-repeat scroll 0 0 transparent; 我有这个代码,我只是意识到这个渐变从上到下.有没有什么办法让它在30px后停止整个渐变.我可以根据需要进行调整,但是如何使渐变在30px之后完成? 您可以一起
-moz-radial-gradIEnt(center -200px,ellipse farthest-corner,#323C49 0%,#718299 65%) no-repeat scroll 0 0 transparent;

我有这个代码,我只是意识到这个渐变从上到下.有没有什么办法让它在30px后停止整个渐变.我可以根据需要进行调整,但是如何使渐变在30px之后完成?

解决方法 您可以一起使用background-size属性.

喜欢这个:

    div {        height:100px;        background:-moz-radial-gradIEnt(center,#718299 65%) no-repeat;        background-size:auto 30px;    }
总结

以上是内存溢出为你收集整理的html – 如何使一个css渐变停止后这么多像素?全部内容,希望文章能够帮你解决html – 如何使一个css渐变停止后这么多像素?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1099458.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存