About CSS Motion
A unified motion design tool combining CSS animations and 2D/3D transforms. Create smooth keyframe animations and manipulate elements in space — all with real-time preview and code export.
Frequently Asked Questions
What is the difference between animations and transforms?▼
Transforms change an element's position, rotation, scale, or skew instantly. Animations define keyframes that transition between multiple states over time, often using transforms at each step.
Can I combine animations and transforms?▼
Absolutely. Most CSS animations use transforms in their keyframes. Create an animation that rotates, scales, and moves an element simultaneously.