728x90 반응형 media query1 [CSS] CSS 조금 더 깊게 맛보기 (노마드 코더) Transition 어떤 상태에서 다른 상태로의 변화를 애니메이션으로 만드는 방법 transition 속성은 state가 없는 엘리먼트에 추가해서 사용해야 한다. HTML 삽입 미리보기할 수 없는 소스 위의 go home에 마우스를 올려보면 상태 변화가 애니메이션처럼 나타나는 데 transition 속성을 이용하여 만든 것이다. Go home 아까 위에서 말한 transition은 state가 없는 곳에서 작성해야 한다는 말을 위의 코드를 보면 이해가 될 것이다. transition으로 바꿀수 있는 것은 원래의 엘리먼트와 :hover state가 있는 엘리먼트 두 곳에 모두 존재하는 속성들(여기서는 border-radius, color, bg-color)이다. 주석한 부분이 transition을 사용하는.. 2022. 6. 17. 이전 1 다음 728x90 반응형