[css] 애니메이션(animation)

결과:

시바견 개발자

css로 애니메이션 활용해보기

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

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}