Premium.presetcss

Premium.presetcss is only available in version >=2.4.7

This component is to help presetting inline CSS. Useful for consistent animations when using tweening libraries.

HTML attribute to set CSS properties to be preset by the gsap tweening library. It takes a space-delimited list of property:value pairs.

<button class="cta" jp-gsap="left:50% x:30">Buy Now</button>

The above would be equivalent of this in JavaScript:

gsap.set(".cta", {left:"50%", x:30});

These are shortcut classes to achieve the most commonly required gsap presets with a simple class.

<button class="cta jp-gsap-x">Buy Now</button>