Итак, у меня есть боковая панель, которая отображает только часть содержимого, когда она зависает, будет отображаться вся ширина боковой панели.Как сделать переходный эллипс в css
это код CSS:
.sidenav {
height: 100%;
width: 100px;
position: fixed;
z-index: 2;
top: 0;
left: 0;
background-color: #fff;
overflow: hidden;
padding-top: 20px;
transition: 0.8s;
-webkit-transition: 0.8s;
opacity: 0.8;
box-shadow: 0px 20px 50px black;
}
.sidenav:hover{
width: 215px;
transition: 0.8s;
-webkit-transition: 0.8s;
overflow: hidden;
}
мой вопрос заключается в том, чтобы сделать переход боковой панели становится эллипсом первым затем отобразить всю ширину. благодаря, прежде чем
отправить полный код в JSfiddle или codepen –