Transform

#movex:hover {
        transform: translateX(50px);
      }

• translateX(n) translateY(n), translate XY(n)
  n px만큼 지정한 방향으로 이동

• scale(n), scaleX(n), scaleY()
  n 만큼 지정한 만큼 크키조절

• rotateX(n), rotateY(n), rotate3d()
  n만큼 회전
  

• skewX(n), skewY(n), skew(n)
  n만큼 비틀기

Transition

• transition-property : 효과를 적용할 대상 지정
• transition-duration : 효과 지속 시간
• transition-timing-function : linear | ease | ease-in | ease-out | ease-in-out 애니메이션 흐름(?)
• transition-

Animation

• animation-name : @keyframe에서 지정한 이름 연결
• animation-duration : 애니메이션 지속 시간
• animation-iteration-count: infinite 애니메이션 반복 횟수
• animation-delay : 3s; 딜레이 시간
• animation-direction : reverse
• animation-timing-function