# Animation

* `animation`
* `animation-duration`
* `animation-name`
* `animation-iteration-count`
* `animation-direction`


```CSS
p {
  animation-duration: 3s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    translate: 150vw 0;
    scale: 200% 1;
  }

  to {
    translate: 0 0;
    scale: 100% 1;
  }
}
```