.box{
width: 200px;
height: 200px;
background-color: rgb(255, 129, 228);
border-radius: 50%;
opacity: 0.1;
overflow: hidden;
margin: 25% auto;
-webkit-animation: text1 3s 3 alternate ;
-webkit-animation-iteration:infinite;
}
@-webkit-keyframes text1{
from{opacity: 0.1;width: 200px;height: 200px;}
50%{opacity: 1;width: 300px;height: 300px;}
to{opacity: 0.1;width: 200px;height: 200px;}