GSAP Custom Tween

Anymate anything and everything with Gloo's GSAP Custom Tween.

watch the GSAP Custom Tween tutorial

Customize and animate with full freedom using Gloo’s GSAP Custom Tween.

GSAP Custom Tween allows you to freely customize your own GSAP Tween by writing your own JavaScript lines. This is an advanced feature, as such, if you haven’t already, it’s advisable to start from the other GSAP Event Types. These are:

GSAP Custom Tween

Usually, when selecting other Event Types like the Standard Event in GSAP ScrollTrigger, Gloo writes and runs GSAP JavaScript code for you according to what you’ve set up in the Elementor Editor options provided by the feature.

However, for more complex cases, we may want to write our own JavaScript to make sure that the tween we’re adding will do exactly what we want it to do, for example if we need to implement complex callback functions or do some logic between Tweens. This is possible using the GSAP Custom Tween Event Type, by writing our own JavaScript in the special field that appears as soon as we select this Event Type in Gloo’s GSAP.

Scope : Extension
Dependencies: Elementor

Frequently Asked Questions

THIS FEATURE IS PART OF :

More Modules

Wysiwyg Field
ActiveTrail Form Submit Action New
Custom Post Type Form Field New
Cookies Dynamic Tag New
Fluid Logic New
GSAP Slider Tween New
GSAP Split Text
GSAP Video Scrolling
Better Gallery Form Field New
Device Widget New
Dynamify Repeaters New
Mouse Follow Effect New
Calculation Field New
GSAP ScrollTrigger
Dynamic Tag Everywhere
Salesforce CRM Form Action
Login Form Action New
Dynamic Form Actions New
Dynamic Nav Menu
Time Span Form Field New