일반적으로 사용되는 몇 가지 애니메이션 속성은 다음과 같습니다:

1. 속성 (Properties):
   • opacity: 요소의 투명도 조절
   • backgroundColor: 배경색 변경
   • marginLeft, marginTop, left, top: 위치 설정
   • width, height: 너비와 높이 조절
   • rotateZ, scale: 회전과 크기 조절
   • color: 텍스트 색상 변경
2. 옵션 (Options):
   • duration: 애니메이션 지속 시간 설정
   • easing: 애니메이션 이징 함수 지정
   • delay: 애니메이션 시작 전 지연 시간 설정
   • loop: 애니메이션 반복 여부 지정
   • complete: 애니메이션 완료 후 실행할 함수 지정

예를 들어, 다음은 Velocity.js를 사용하여 요소의 투명도와 위치를 변경하는 간단한 애니메이션의 예시입니다:

// 애니메이션 정의
Velocity(targetElement, {
  opacity: 0.5,
  top: '50px',
}, {
  duration: 1000,
  easing: 'ease-in-out',
  complete: function() {
    console.log('애니메이션이 완료되었습니다.');
  }
});

더 많은 속성 및 옵션에 대한 상세 내용은 Velocity.js 공식 문서를 참조하시기 바랍니다. Velocity.js 공식 문서.