@keyframes

[HTML&CSS] Animations

[HTML&CSS] Animations ( UPDATE 2023 - 05 - 31 ) Animation - 1 Animation 마우스를 위로 올리거나 transition 없이 원하는 만큼 계속 재생되는 애니메이션을 만들 수 있다. 애니메이션을 만들기 위한 규칙은 @ketframes 라고 적고, 그 다음에 애니메이션의 이름을 정한다. A에서 B까지 움직이는 애니메이션 만들기 @keyframes 이름{} 만든 후 안에 A지점 부터 B지점까지의 애니메이션을 선택 from{A} to{B} @keyframes coinflip { from {transform: rotateX(0);} to {transform: rotateY(360deg);} } /* 이렇게 내 에니메이션을 설정하고, 애니메이션을 줄 속성에 작성하..