Custom ScrollTrigger Animations - Bricks Builder - FA2 0

Published: 07 August 2024
on channel: Fancy Bricks
624
8

👉 Fancy Animations: https://fancyanimations.com/

Now you can create your own ScrollTrigger animations with the FA Framework. You just need to know a bit of CSS and creativity.

Now you can find a class called fa--custom and all its modifiers (start, end, from, to, inv).

To control the custom animation you can use the variable:

var(--fa-scroll--custom)

This variable returns values from 0 to 1, the value will also depend on the modifiers.

This opens up the possibilities to use various animations with transforms, e.g:

transform: translateX(calc(var(--fa-scroll--custom) * -100%)) scale(var(--fa-scroll--custom))

📣 Join the Facebook Community:   / fancybricks  


Watch video Custom ScrollTrigger Animations - Bricks Builder - FA2 0 online without registration, duration hours minute second in high quality. This video was added by user Fancy Bricks 07 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 624 once and liked it 8 people.