红色箭头指向的底部,有个类似邮票打孔锯齿半透明效果。
这种用css是怎么做出来的。做了好久还是弄不出来,好笨。
红色箭头指向的底部,有个类似邮票打孔锯齿半透明效果。
这种用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...
13 回答12.9k 阅读
8 回答2.7k 阅读
2 回答5.1k 阅读✓ 已解决
7 回答2.1k 阅读
5 回答1.3k 阅读
3 回答2.3k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
我看到的第一反应是:渐变。学习参考《CSS 揭秘》。