Getting started
Learn how to animate almost any CSS property with the TorusKit
TorusKit allows you to animate CSS properties in the very intuitive way by moving both CSS and JavaScript definitions into the data-tor HTML attribute. All standard CSS properties are supported. Especially the ones that uses the number-based values as they can be continuously animated from the initial to the final value.
Overview
Introduction
Explore TorusKit for effortless CSS animation creation.
Options
How to download and integrate the TorusKit into your project
Utilities
Discover how TorusKit works, basics of syntax and features
CSS Properties
Transform
Check the basic and advanced examples of TorusKit's capabilities
Background color
Learn how you can simplify your work with the property clustering
Text color
Discover basics of animations using various timeline types
Box shadow
Fine-tune your web animations based on the screen resolution
Opacity
Check the newest updates, features and fixes of TorusKit
Filter
Check the newest updates, features and fixes of TorusKit
Clip path
Check the newest updates, features and fixes of TorusKit
Width / Height
Check the newest updates, features and fixes of TorusKit
Margin / Padding
Check the newest updates, features and fixes of TorusKit
CSS variables
Check the newest updates, features and fixes of TorusKit
Other CSS properties
Check the newest updates, features and fixes of TorusKit