Как правильно сверстать глаз?

Question

[Артур Левенсон]

Подскажите, пожалуйста, как сверстать такой глаз:

пробовал использовать border-radius, но что- то не получилось.

код: https://codepen.io/kiskiskit/pen/bGRbOqo

Comments

[Wispik]

А почему бы его просто в виде свг не вставить?

[Артур Левенсон]

Wispik, если я вставлю полностью svg, то у меня ломается анимация. поэтому я решил нижнюю линию сверстать дивом

Answer 1

[Сергей delphinpro]

Правильно - вставить svg.
Не усложняйте

Comments

[Артур Левенсон]

у меня частично получилось реализовать с svg. но проблема заключается в следующем: если я добавляю нижнюю окружность, то анимация ломается, а мне очень необходима анимация. поэтому я решил сделать нижнюю окружность дивом

[Тимур Бикташев]

А какая должна быть анимация? Возможно проще будет заанимировать в том же AfterEffects и вставить анимированный svg