css绘制弧线

这种效果该如何实现,求大神给点提示

图片描述

图片描述

阅读 4.5k
1 个回答
  1. 最简单的就是暴力全切下来,直接换图
  2. 弧线分左右两部分,以第一个图为例子,左边的右上角和右边的左下角设置 border-radius,配合背景色
    codepen: https://codepen.io/gaoryrt/pe...
  3. svg 做 clip-path 做一个弧形的 svg,超出部分截掉

如果有帮到你请 upvote 或采纳~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题