topalek

.block:after {
    display: block;
    content: '';
    width: 374px;
    height: 50px;
    background: teal;
    border-radius: 50%;
    transform: scale(1,0.1);
}

можно еще поиграться, вдруг подойдет

тут указано для псевдо-элемента, но так же можно и для обычного

.effect-3 {
display: inline-block;
position: relative;
/* overflow: hidden; */
}
.effect-3:before {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0%;
height: 2px;
background: #c6ff00;
transition: all .3s ease-in-out;
box-shadow: 0 0 5px rgba(198,255,0,1),0 0 10px rgba(198,255,0,.5),0 0 15px rgba(198,255,0,.25);
}
.effect-3:hover:before {
width: 100%;
}