Forum Discussion
DolandRuiz
4 years agoCommunity Member
Animating the size of an object
I've gone through the threads and read some super old 9y posts but there are no real solutions to simply animate the size of an object.
I've looked into the method of duplicating the object and th...
MathNotermans-9
3 years agoCommunity Member
Basically it works now....
var webObject1 = document.querySelector("#slide-window > div > div > div.slide-transition-container > div > div:nth-child(7) > div.slide-object.slide-object-webobject.shown.cursor-hover");
gsap.to(webObject1, { duration:1.5, y:"-150",delay:2});
I removed the waits for cue points and added the delay in gsap. Thats works better. Also i changed the gsap.set to a gsap.to... so you get some animation.
I also disabled all audio because audio autoplay will cause issues on some devices and when you use that as your trigger for other events...well all will fail.
The div:nth-child(7) in the selector is the WebObject on the SlideLayer. You will need to check in the Chrome inspector if that name is correct.
Related Content
- 8 months ago
- 10 months ago
- 10 months ago