这种圆角梯形有什么思路科一实现

CSS 不太好弄，或许可以用多个 border-radus 拼接，不如直接让设计师导出 svg

这个？ https://www.w3cplus.com/animation/web-animation-with-clip-path.html

@Biwood 直接用背景图吗

@hm20062006ok 这个有点复杂

@tinzing
svg 本身就是基于 xml ，你直接把 svg 文件用编辑器打开，把源码复制到 html 里当做 html 标签使用就行

https://jsbin.com/mitifurocu/1/edit?html,css,output

借助 svg 可以使 clip-path 画出贝塞尔曲线。

@tyx1703 厉害，学到了

canvas 可以把

@tyx1703 真厉害啊，直接就给标准答案了

换以前我可能会用代码直接画，但是现在，还是直接位图处理最省事

@Biwood 下面大佬给出答案了 谢谢哈

@tyx1703 膜拜大佬，你是在太好啦

@Building 这种效果实在复杂

@tyx1703 真厉害

感谢