CSS绘图-自定义鼻形

Question

我从纯CSS绘图和动画开始，而我始终坚持创建无尾熊鼻子的形状。

Koala

我知道可以使用clip-path来完成此操作，但是，如何使firefox兼容呢？

Answer 1

可能有很多可能性，但请尝试边界半径

.nose{
  border-radius:50px 50px 50px 50px / 100px 100px 50px 50px;
  width:70px;
  height:100px;
  background: red;
}

<div class="nose"></div>