小编lol*_*eck的帖子

我正在尝试在CSS中创建一个尖叶形状,如图像http://i.imgur.com/KoN0PGo.jpg.我设法想出了一种创建默认叶子形状的方法,但是在找到如何创建尖角的方面存在一些问题.我只想找到创建一半叶子的方法,因为我打算绘制图像来为它设置动画,并且每一半叶子都是独立的.有没有办法使用CSS创建该形状？

默认叶形:https://jsfiddle.net/xwvyo1c5/

.leaf { 
  width: 100px; height: 100px;
  background-color: #A0DE21; 
  -moz-border-radius: 100px 0px;
  -webkit-border-radius: 100px 0px;
  border-radius: 100px 0px;
}

谢谢