TRANSITION (1) 썸네일형 리스트형 생활코딩 CSS_11 모션 그래픽 11. 모션 그래픽 전환(Transition) 효과가 변경되었을 때 부드럽게 넘어가도록 처리해주는 기능. Transition 마우스로 링크를 클릭했을 때 링크의 위치와 font 크기가 변화는 효과를 설정 a { font-size: 3rem; } /*마우스로 링크를 클릭했을 때*/ a:active { transform: trnaslate (20px, 20px); /*x, y축으로 20px씩 이동*/ font-size: 2rem; /*font size를 2rem으로 줄임*/ } active 상태로 바뀌는 순간을 transition을 이용해서 자연스럽게 만듬. a{ /*클릭 전*/ font-size: 3rem; /*transform은 element가 inline이면 동작하지 않아서 display속성을 바꿔주어.. 이전 1 다음