transition vs transform (+translate)

huni_·2022년 7월 4일
0
  • transition : 엘리먼트의 CSS 속성을 변경할 때 두 가지 상태에서 일어나는 변화를 커스터마이징 transition : background-color linear 2s;
    MDN_transition
  • transform : 엘리먼트에 회전, 크기 조절, 기울이기, 이동 효과 tranform : scale(2);
    MDN_transform
  • translate : transform 속성에 사용할 수 있는 변형 함수 중 하나로 이동 효과를 담당 transform : translateX(10px);
profile
FrontEnd Developer

0개의 댓글