키프레임 없이 애니메이션 실행: 새로운 CSS 기법
2025-01-12
CSS의 새로운 기능인 `@starting-style`을 사용하면 `@keyframes` 없이 애니메이션을 만들 수 있습니다. 기존 애니메이션 방식을 대체하는 것은 아니지만, 특정 상황에서 유용한 CSS 기법입니다. 본문에서는 무한히 회전하는 사각형과 변수 `--i`를 애니메이션화하여 배경색, 변환, 회전을 제어하는 더 복잡한 애니메이션의 두 가지 예시를 보여줍니다. 항상 최선의 방법은 아니지만, 애니메이션을 표현하는 새로운 방법을 제공하며 CSS 애니메이션의 가능성을 확장합니다.