css怎样制作这种邮票下边框锯齿效果啊?

新手上路,请多包涵


红色箭头指向的底部,有个类似邮票打孔锯齿半透明效果。

这种用css是怎么做出来的。做了好久还是弄不出来,好笨。

阅读 4k
4 个回答

我看到的第一反应是:渐变。学习参考《CSS 揭秘》。

image.png

<div></div>
div {
  width: 500px;
  height: 500px;
  background-color: #099;
  background-image: radial-gradient(#fff 50%, #0000 0);
  background-size: 50px 50px;
  background-position: left bottom -25px;
  background-repeat: repeat-x;
}
background: radial-gradient(circle at bottom, red 0, red 10px, transparent 0);
 background-size: 40px;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏