노마드코드1 [Css] - transition (트랜지션) 정리 Transition (트랜지션) 어떠한 변화하는 과정을 보여주는 것 요소의 속성을 서서의 다른 상태로 변화하는 애니메이션을 만드는 방법 state (ex. :hover , :active ...)가 없는 요소에 붙는게 좋다 transition은 state에 따라 바뀌는 property를 갖고 있으면 사용된다 트랜지션은 뿌리(:root)에 선언한다. 액션을 나눠서 주려면 콤마를 이용해서 따로 준다. See the Pen Untitled by 정민희 (@alsgml1640) on CodePen. property, duration .transition { transition-property : width; transition-duration : 2s; transition-timing-function : line.. 2021. 10. 31. 이전 1 다음 728x90 반응형