New transform Syntax

기존 방법 — hover 시 transform

신규 방법 — hover 시 개별 속성

기존에는 keyframe에 transform 변경 시 모든 transform 값을 반복 명시해야 했음
신규 문법에서는 translate / scale / rotate를 개별 CSS 속성으로 분리 가능
keyframe에서 변경이 필요한 속성만 작성 → 코드 간결화

/* 기존 방법 */
.test_box:hover {
    transform: translate(50px, 50px) scale(0.8) rotate(45deg);
}

/* 신규 방법 */
.test_box:hover {
    translate: 50px 50px;
    scale: 0.8;
    rotate: 45deg;
}