Torus Kit

Revealing Sequence

  • Save

Hey! We're testing some new features that speed up your developing even more!

Check that falling and revealing blocks. In a standard way, you need to set a delay for every element in CSS, or create a loop in JS. Not in Torus Kit! You just add:

data-group-fx="iv:pull-down pull[99.99%] exponential slow delay[+30ms]" and voila -you've just created an awesome revealing animation for every child element that has .fx class. No need to mess with CSS or JS anymore.

Check this one live: https://toruskit.com/showcase/boost-up/

Torus Kit | Twitter

keyboard shortcuts: L or F like