CSS Scroll-Driven Animation Generator
Generate a native CSS scroll-driven animation — a @keyframes block wired to animation-timeline: view() or scroll() instead of a fixed duration — from ready-made presets (fade in, slide in, scale up, rotate in, reveal clip-path) with a configurable animation range.
Authorizations
Bearer authentication header of the form Bearer <token>, where <token> is your auth token.
Body
Animation Preset
fadeIn, slideLeft, slideRight, slideBottom, scaleUp, rotateIn, revealClip Timeline
view, scroll Animation Range
0% 100%, entry 0% cover 100%, entry 0% entry 100%, cover 0% cover 100%, 0% 50% Response
Tool output
The tool's slug, echoing the {slug} in the request path.
Output-contract version for this tool.
Credits this call consumed, after any settlement refund. 0 when metering is disabled.
Credits left in the current monthly allowance, or null when metering is disabled.
Correlation id, also sent as x-request-id.