尝试制作软边三角形动画，但无法使三角形边缘完美地柔和弯曲。

作为输出，我正在尝试这样做。三角形动画

<代码>.三角形{位置：相对；宽度：100px；高度：60px；边框-底部：1px纯黑色；border-radius：12px 0 0；}.形状{border-radius：10px 0 0；左边框：1px纯黑色；边框-顶部：1px纯黑色；宽度：70px；高度：70px；-webkit-transform：旋转（45deg）；位置：绝对；左：15px；顶部：23px；}

<代码><；DIV类=“三角形”>；<；DIV类=“形状”>；<；/DIV>；<；/DIV>；

顺晟科技：

为此，你需要学习SVG和SVG动画，你可以从这里找到一些免费的图标http：//svgicons.sparkk.fr/

<代码>SVG{宽度：3em；高度：3em；显示：inline-block；}

<代码><；SVG Class=“ SVG-icon ” viewbox=“ 002020 ” amp；gt；<；路径D=M 14.54L 4.5 8.4S 2.6 6-3.64 6.44L-110S-6.56-.28-3.48-6.52L 4.52-8.4S 4.5-890Zfill=“矢车菊蓝色”>；<；/SVG>；<；SVG CLASS=“ SVG-icon ” ID=“ like ” VIEWBOX=“ 002020 ”>；<；路径D=" M9.719，17.073L-6.562-6.51C-0.27-0.268-0.504-0。567-0。696-0。888C1.385，7.89，1.67，5.613，3.155，4.14C0.864-0<；/SVG>；