Animations
Learn how to create CSS animations in your HTML with TorusKit. Combine various triggers with different timeline types together
CSS animations are the core feature of TorusKit. This powerful web animation library allows you to use multiple animation triggers such as animate, hover, click, etc. together on the same HTML element without the need to nest multiple ones. Three different timeline types allow you to create animations from the most simple from-to types to the advanced step-based ones. This can be also combined without any limitation.
Overview
Introduction
Learn the basics of animating with the TorusKit
Read more
Triggers
Check the various triggers that perform animations
Read more
Properties
Discover how to animate any CSS property
Read more
Timeline types
Discrete Timeline
The simplest timeline type. Just a starting and end value.
Read more
Sequenced Timeline
Step-based timeline. When one step finishes, another starts.
Read more
Offset-based Timeline
Percentage based timeline. Similar to CSS animation.
Read more