tweenmax

0열

2답변

저는 현재 자유 시간을 조금 배우고 GSAP (Greensock Animation Platform)을 탐험하고 있습니다. 그리고 하나의 특정 반복 요소에 대해 값의 배열을 가질 수 있는지 궁금합니다. 이것이 내 Tween의 모습입니다. TweenMax.from(blink, 0.2, {repeat: -1, scale: 0, ease: Power1.easeIn

0열

1답변

GreenSock에서 "transform : translateY"값을 스택합니까?

방금이 멋진 제품을 발견하고 이것이 내가 필요한 것임을 깨달았습니다! 창 크기의 x 배에 해당하는 거대한 이미지가 있으므로 단추를 클릭 할 때 맨 아래로 스크롤하고 싶습니다. 이 같은 CSS로 이렇게 할 것이다 : transform: translateY(calc(-100% + 100vh)); 이 있습니까 TweenMax으로 그렇게 할 수있는 방법 : @

-1열

1답변

TweenMax 애니메이션 부분 이미지 (GSAP)

이미지에서/상자 섀도우 버튼을 강조 표시하려고합니다. https://static.gosquared.com/images/liquidicity/17_08_18_cta_03.png <!doctype html> <html lang="en"> <head> <title></title>  <

0열

1답변

TimelineMax 및 ScrollMagic 플러그인을 사용하여이 애니메이션을 어떻게 실현할 수 있습니까?

저는 JavaScript가별로 좋지 않습니다.하지만이 애니메이션을 수행하여 작업을 완료해야합니다. on this website과 같은 애니메이션을 구현해야합니다. blue block 칫솔과 휴대기로 "세상을 만드는 이유"를 확인하십시오. 이를 구현하기 위해 저자는 TimelineMax과 scrollMagic이라는 플러그인을 사용합니다. 스크롤을 사용하여 블

0열

1답변

TweenMax에서 지연을 덮어 쓰려면 어떻게해야합니까?

나는 Greensock TweenMax 타임 라인을 사용하여 actionscript 3에서 일하고 있습니다. 나는 두 개의 버튼 (맨 위로 가기, 멈춤/재생 버튼)이있는 한 페이지 스크롤러가 있습니다. 스크롤러는 자동으로 4 초 지연으로 onLoad를 재생합니다. 정지/재생 버튼을 누르면 지연이 멈추지 않습니다. 기능을 사용하려면 4 초 정도 기다려야합니다

0열

1답변

grepock을 사용하여 Safari에서 svg의 애니메이션을 적용하지 않습니다.

나는 이미지가있는 마스크가있는 svg를 가지고 있는데, 이미지는 애니메이션 GIF입니다. TweenlineLite를 사용하여 화면을 가로 질러 이동합니다. 사파리를 제외한 모든 브라우저에서 정상적으로 작동합니다. 사파리에서는 스크린 전체에서 움직이지만 애니메이션 GIF는 작동하지 않습니다! 그러나 내가 화면에있을 svg의 초기 위치를 변경하면 gif가 움직

-1열

1답변

엘리먼트 페이드 인 스크롤 PURE 바닐라 자바 스크립트

스크롤 할 때 엘리먼트가 점점 희미하게 보이기를 바랍니다. 캐치는 순수 바닐라 자바 스크립트에서 필요합니다 ... 절대 jquery. 내가 온라인에서 찾고있는 모든 것은 jquery에있다. 그것은 투쟁이다. 내 animation에 tweenMax를 사용하고 있습니다. 도움을 미리 요청해 주셔서 감사합니다. if(window.scrollY > 550){

0열

1답변

TweenMax.to 지연으로 애니메이션하는 방법?

TweenMax를 사용하여 div를 100 % 너비의 부모에서 0으로 애니메이션하는 애니메이션을 만들었습니다. 서로 옆에 세 개의 div가 있으며 아래에 이미지가 겹칩니다. 이제는 각각 preload div 클래스가 이전 클래스가 트리거 된 후 몇 초간 시작되기를 바랍니다. 나는 setTimeout과 같은 것을 시도하지만, 작동시키지 못했습니다. 어떻게하면

0열

1답변

Twroll animation with Scroll Magic

저는 신기한 마법을 사용하기 때문에 장면과 트윈에 익숙해졌습니다. 그래서 나는 아주 기본적인 셋업을 가지고있다. <section id="sectionPlaceholder" class="section"> </section> <section id="sectionOne" class="section"> <div class="container">

0열

1답변

나는 다음과 같이 트윈 일련의를 수행하는 timelinemax 사용하고 TimelineMax

에서 현재의 애니메이션 시퀀스의 진행 상황을 얻는 방법 : 각 TweenMax 인스턴스가 실행되는 동안 this.backgroundColorTimeline = new TimelineMax({ repeat: -1, yoyo: true, onUpdate:this.updateTimeline, }); palette.bg.forEac