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

[tinzing]

用 CSS 可以实现这种效果吗？还是有其它方法？

[Biwood]

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

[hm20062006ok]

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

[tinzing]

@Biwood 直接用背景图吗

[tinzing]

@hm20062006ok 这个有点复杂

[Biwood]

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

[tyx1703]

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

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

[Features]

@tyx1703 厉害，学到了

[IGJacklove]

canvas 可以把

[lizhenda]

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

[Building]

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

[tinzing]

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

[tinzing]

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

[tinzing]

@Building 这种效果实在复杂

[vvong]

@tyx1703 真厉害

[Izumi1991]

感谢

[stone520]

🐂