https://stripe.com/about Javascript를 사용하여 얼굴과 같은 것을 복제하려고합니다 .
jQuery를 사용하여 좀 더 기본적인 버전을 만들려고했지만 시작할 수 없습니다. 누군가가 나를 올바른 방향으로 안내해 줄 수 있기를 바랬나요?
CSS 키 프레임 애니메이션으로 모든 작업을 수행 할 수 있지만 기능을 빠르게 복제하려면 greensock 과 같은 애니메이션 프레임 워크를 살펴 보는 것이 좋습니다 . greensock을 사용하면 무한히 계속되는 애니메이션을 만들 수 있으며 호버링시 일시 중지하는 등의 작업을 할 수 있습니다.
기본 greensock 구문은 매우 간단하며 다음과 같습니다.
var moveinner = TweenMax.to(document.querySelector('.inner'), 30, {
left: "-=300",
ease: Power0.easeOut,
repeat: -1,
yoyo: true
})
다음은 greensock이 이러한 유형의 기능에 어떻게 접근 할 수 있는지에 대한 정말 빠르고 더러운 데모 입니다. 분명히 많은 청소와 겹침을 방지하기 위해 몇 가지 조건이 필요하지만 올바른 길로 보내려면 충분합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다