Animated ellipses menu

by alekskorovin

HTML

<div class="circle">Menu Item</div>
<div class="circle">Lorem Ipsum</div>
<div class="circle">Dolorem</div>

CSS

div {
    display: inline-block;
    border: solid 3px #ccc;
    border-radius: 50%;
    transition: all 0.5s ease;
    padding: 20px 50px;
}
div:hover {
    padding: 30px 60px;
}