circle

by Nikita Jadhao

HTML

<div></div>

CSS

div
{
  width:100px;
  height:100px;
  background:red; 
  display: inline-block;
  animation: shine 1s forwards;
  -webkit-animation: shine 1s forwards;
  -moz-animation: shine 1s forwards;
  -o-animation: shine 1s forwards;

}

@keyframes shine {
0%   {width:100px;height:100px;}
50%   {width:50px;height:50px;}
100% {width:100px;height:100px;}
}

@-moz-keyframes shine {
0%   {width:100px;height:100px;}
50%   {width:50px;height:50px;}
100% {width:100px;height:100px;}
}