HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
💌
JJong’s Archive
/
transform vs transition

transform vs transition

Tags
CSS
Study Date
Nov 21, 2024
Status
Done
생성 일시
Nov 20, 2024 04:33 PM
Day
  • transform : 요소의 모양과 위치를 즉각적으로 변경하는 데 사용되며, 회전, 확대/축소, 이동 등의 변형을 제공
    • 주요 transform 함수들: • rotate(): 요소를 회전. • scale(): 요소의 크기를 조정. • translate(): 요소를 이동. • skew(): 요소를 기울.
  • transition: 속성 값이 변경될 때 그 변화가 부드럽게 일어나도록 하여 시각적인 전환 효과를 제공
    • width, transform 등이 속성이 될 수 있음