Happy Easter! Make an egg with one div

You can make an egg out of one single <div> and one line of CSS custom code!

http://vincent.polenordstudio.fr/snap/n5dw1.jpg

We need custom code for that because CSS radius can me more complex than what Webflow’s UI offers. In Webflow we can set the radius of the corners, but with custom code we can also set the length value.

Happy Easter to all!

Edit: here’s the code used: <style> .egg {border-radius: 50%/60% 60% 40% 40%}</style>

8 Likes

Hah, that’s great, thanks for the share!

Awesome share @vincent.