<div class="demos">
  <div class="demo"> </div>
</div>
.demo{
  animation-timing-function: linear(0, 0.9, 1);
  position: fixed;
  left: 10%;
  top: 50%;
  animation-name: bigger;

  animation-duration: 3s;
  animation-iteration-count: infinite;
  transform-origin: left top;
  width: 20px;
  height: 20px;
/*   border-radius: 50%; */
  background: blue;
}
@keyframes bigger{
  100%{
    transform: scaleX(10);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.