css-examples/Writerside/topics/Animation.md

Animation

• animation
• animation-duration
• animation-name
• animation-iteration-count
• animation-direction

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

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

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