“CSS Animation Studio” — what this page in the network covers. Start from a preset (Bounce, Pulse, Spin, Slide, Shake, Fade) or build from scratch, then add keyframes at any percentage and control transform (translate X/Y, rotate, scale X/Y, incl. negative scale for mirroring), opacity and blur per keyframe.
Tune the whole animation with duration, delay, iteration count (1/2/3/infinite), direction (normal/reverse/alternate/alternate-reverse), timing function, and fill mode — the shorthand is always emitted in the correct order (name → duration → timing → delay → iteration → direction → fill). Pro features: undo/redo history with Ctrl/Cmd+Z, a draggable visual cubic-bezier editor with overshoot support, an Import CSS pane that parses existing @keyframes blocks so you can iterate on any animation, a responsive preview that switches between desktop, tablet and mobile viewports, and an optional prefers-reduced-motion fallback that is emitted alongside your CSS for accessibility. This listing links straight to the original page, where the content is available in full.