[css] transition 이해하기

transition의 필수 조건 - CSS 속성 지정 - 효과 유지 시간 transition:all 1s; 지금까지의 작업은 대체로 hover 했을 때 transition을 사용하였는데, 이를 응용하여 해당 페이지에 들어가면(도달하면) transition 효과가 나타나도록 할 수 있다. hover 하지 않고 바로 효과가 나오는 것에 대해 이해가 조금 힘들었는데, 다음 그림을 참고하였다. 일반적으로 hover로 transition을 사용할때는 다음과 같다. div{ width:100px; height:100px; background-color:red; transition: all 1s; } div:hover{ background-color:blue; } 자동으로 transition 효과가 나타나게 하려면 ..

2021.04.28