{"uid":"cap_dlsnOIZtVphtQBB0-6zeR","slug":"css-animation-toolbox-pro-pack-api-23143557","name":"CSS Animation Toolbox Pro Pack API","description":"免費網頁動畫工具：cubic-bezier easing 產生器、彈簧動畫轉 CSS linear()、關鍵影格動畫產生器、流動漸層、背景影片 ffmpeg 壓縮指令、瀏覽器支援表、動畫無障礙檢查。","url":"https://motion.penguindriver.com/api/pro/pack?utm_source=zero.xyz","method":"GET","headers":{},"bodySchema":{"type":"object","properties":{"input":{"type":"object"}}},"responseSchema":{"type":"json"},"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.3","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.3/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.3","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.3","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_BhnUAqQqy8TrZd6SsaZr5","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.3","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Returns a comprehensive set of CSS animation utilities including cubic-bezier easing generators, spring-to-CSS linear() converters, keyframe generators, fluid gradients, ffmpeg compression commands, browser support tables, and accessibility checks.","exampleAgentPrompt":"Can you give me the full CSS animation pro pack — I need cubic-bezier easing curves, a spring animation converted to CSS linear(), a fluid gradient, and the ffmpeg command to compress a background video, all in one go?","exampleUseCases":[{"title":"Spring animation to CSS conversion","prompt":"I have a spring animation with stiffness 200 and damping 20 — can you convert that to a CSS linear() function I can drop into my stylesheet?"},{"title":"Fluid gradient background generation","prompt":"Generate a flowing gradient CSS animation I can use as a full-page background on my landing page — something smooth and modern."},{"title":"Background video compression command","prompt":"I want to add a looping background video to my site but it's too large — can you give me the ffmpeg command to compress it properly for web use?"}],"resultDescription":"A JSON payload containing CSS animation utilities: cubic-bezier easing generator output, spring-to-CSS linear() keyframes, keyframe animation CSS snippets, fluid gradient CSS code, an ffmpeg command string for video compression, a browser support compatibility table for CSS animation features, and an accessibility compliance report for animations.","failureModes":["Missing or malformed input object returns a 400 or empty JSON response","Payment not completed results in 402 Payment Required before data is returned","Server-side generation error returns a 500 with error details","Unsupported animation parameters may return empty or null fields in the response"],"whenToPreferThis":"Choose this endpoint when you need a one-stop CSS animation utility bundle — especially when you require multiple animation tools simultaneously (easing, spring conversion, gradient, video compression) rather than calling separate specialized APIs. Ideal for front-end developers or AI agents building or auditing animated web UIs and needing both generation and validation in a single call.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-18T00:30:35.428Z","isFirstParty":false,"canonicalSlug":"css-animation-toolbox-pro-pack-api-23143557"}