[javascript] Velocity.js를 사용하여 요소의 애니메이션 효과를 경계값에 따라 연속적으로 반복하는 방법은?
다음은 Velocity.js를 사용하여 요소를 계속해서 반복하는 방법입니다.
// 요소 선택
var element = document.getElementById("myElement");
// 애니메이션 설정
Velocity(element, {
left: "500px"
}, {
duration: 1000,
loop: true // 애니메이션을 계속해서 반복
});
위 예제에서는 left
속성을 사용하여 요소를 오른쪽으로 500px 이동시키고, duration
속성을 사용하여 애니메이션의 지속 시간을 1000밀리초(1초)로 설정하였습니다. 그리고 loop
옵션을 true
로 설정하여 애니메이션을 계속해서 반복하도록 했습니다.
이와 같이 Velocity.js의 loop
옵션을 활용하여 요소의 애니메이션을 경계값에 따라 연속적으로 반복할 수 있습니다.