transform 속성

transition 속성

함수	설명
translate(x,y)	지정한 크기만큼 x, y축 방향으로 이동
scale(x,y)	지정한 크기만큼 x,y축으로 확대 및 축소
skew(x,y)	지정한 각도만큼 x,y축으로 비틀어 왜곡
rotate(deg)	지정한 각도만큼 회전

 

transition 하위속성

접미사	설명
-property	변화 대상 속성을 지정
-duration	변화가 실행될 시간을 지정
-delay	변화 시작 전 지연시간 지정
-timing-function	변화 실행 시 실행 곡선 방식 지정

 

transition-timing-function

함수	설명
ease	기본값으로, 점점 속도가 빨라지다가 끝날 때 다시 느려지는 방식
linear	처음부터 끝까지 같은 속도로 진행
ease-in	느리게 시작했다가 점점 빨라진다.
ease-out	빠르게 시작했다가 점점 느려진다.