はじめに

葉っぱをCSSで描く例がネットに上がっています。
あの鋭角をどうやって出すのかなぁ、と疑問に思ってチャレンジしました。

実行例

意外にも三角形を描くときのようなborderを使った技ではなく、普通にborder-radiusだけで形は作れていた。
border-topとかはどこに描かれるのかなぁ、と実験していたら妖艶な目になりました。