CSS Transition

Transition은 CSS로 애니메이션을 줄 수 있는 속성이다

.box {
    width: 100px;
    height: 100px;
    border: 2px solid #222;
    background: rgba(30, 161, 255, 0.5);
    transition: 1s;
}

.box:hover {
    transform: scale(2);
}

박스 색 변형

.box {
	transition: 1s;
}

.box:hover {
   width: 200px;
   background: tomato;
}