分享程序员开发的那些事...
更新时间：2022-10-19 14:01:02
2021:我推荐使用 CSS mask 版本，因为现在支持很好
您不能将 border-radius 与渐变一起使用.这是您可以依赖多个背景并调整 background-clip 的另一个想法:
.white-grad {背景:linear-gradient(#ccc,#ccc) padding-box,/*这是你的灰色背景*/线性渐变(向右，#9c20aa，#fb3570)边框；颜色:#313149；填充:10px；边框:5px 实心透明；边框半径:15px；显示:内联块；边距:75px 0;}这里有一些文字
<div class="white-grad">这里有一些很长很长的文字
<div class="white-grad">一些很长很长的<br>长文本在这里</div>