New transform Syntax
기존 방법 — hover 시 transform
신규 방법 — hover 시 개별 속성
translate / scale / rotate를 개별 CSS 속성으로 분리 가능/* 기존 방법 */
.test_box:hover {
transform: translate(50px, 50px) scale(0.8) rotate(45deg);
}
/* 신규 방법 */
.test_box:hover {
translate: 50px 50px;
scale: 0.8;
rotate: 45deg;
}