红色箭头指向的底部,有个类似邮票打孔锯齿半透明效果。
这种用css是怎么做出来的。做了好久还是弄不出来,好笨。
background: radial-gradient(circle at bottom, red 0, red 10px, transparent 0);
background-size: 40px;
可以参考这篇文章:https://segmentfault.com/a/11...,CSS实现优惠券的相关技巧
.content{
-webkit-mask: radial-gradient(circle at 20px 20px, #0000 20px, red 0) -10px / 100% 30px;
}
我还专门做了一个快速生成工具:https://segmentfault.com/a/11...
8 回答4.6k 阅读✓ 已解决
6 回答3.4k 阅读✓ 已解决
5 回答2.8k 阅读✓ 已解决
6 回答2.3k 阅读
5 回答6.3k 阅读✓ 已解决
4 回答2.2k 阅读✓ 已解决
4 回答2.8k 阅读✓ 已解决
我看到的第一反应是:渐变。学习参考《CSS 揭秘》。