반응형 트랜스폼1 🎞️ CSS 트랜스폼(Transform)과 트랜지션(Transition) 요약! 인터렉션 디자인에 유용한 트랜스폼, 트랜지션, 애니메이션 CSS 트랜스폼 ⭐ 트랜스폼(Transform)이란? .transition { transform : rotate(45deg); transform : scale(2, 3); } 특정 오브젝트를 각도를 튼다거나 크기나 위치를 변경하는 것 단독으로 사용할 경우 변형 과정이 보이거나 하지는 않음 transform : 함수명(변수); 형식으로 입력 🐍 행렬 변환? ⭐ 트랜스폼의 종류 2D 트랜스폼 ⭐ translate(tx, ty) : 지정된 크기만큼 x축과 y축 이동, trnaslateX(tx), translateY(ty) ⭐ scale(sx, sy) : 지정된 크기만큼 x축과 y축으로 확대 축소 scaleX(sx), scaleY(sy) ⭐ rotate(.. 2022. 9. 25. 이전 1 다음 반응형
