Как нарисовать конус на CSS?

1,00
р.
Хочу сделать Гюнтера из «Adventure Time», а именно клюв как на этой картинке:
Как нарисовать такой клюв (конус) средствами CSS?

Ответ


.block { position: relative } .block::before, .block::after { content: '' position: absolute left: -20px top: 20px border: 20px solid transparent border-right: 80px solid #f00 border-radius: 180px } .block::after { border: 18px solid transparent border-right: 70px solid #F2C255 top: 22px left: -10px }