transition+transform 전환+변형

See the Pen transition+transform by nilgi (@nilgi) on CodePen.

 

.box {
transition: width 2s, height 2s, transform 3s; / 전환 : 가로 2초, 세로 2초, 변형 3초
}

.box:hover { / 마우스를 올렸을 때
width: 200px; / 가로 200
height: 200px; / 세로 200
transform: rotate(360deg); / 변형: 회전 360도
}