{"uid":"cap_Xk-GdKERWh__-mzQQq7n2","slug":"css-animation-pro-export-api-3285b5f6","name":"CSS Animation Pro Export API","description":"免費網頁動畫工具：cubic-bezier easing 產生器、彈簧動畫轉 CSS linear()、關鍵影格動畫產生器、流動漸層、背景影片 ffmpeg 壓縮指令、瀏覽器支援表、動畫無障礙檢查。","url":"https://motion.penguindriver.com/api/pro/export?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.05","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.05/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.05","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.05","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_ngn0eh48AEY_4ilNu4U9N","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.05","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Exports professional CSS animation configurations including cubic-bezier easing curves, spring-to-linear() conversions, keyframe animations, and fluid gradients","exampleAgentPrompt":"Can you export a spring animation as CSS using stiffness 200 and damping 20, converted to a CSS linear() easing function I can drop straight into my stylesheet?","exampleUseCases":[{"title":"Spring animation to CSS export","prompt":"I have a spring animation with stiffness 300 and damping 25 — can you export that as a CSS linear() easing function ready to paste into my stylesheet?"},{"title":"Cubic-bezier easing code generation","prompt":"Generate me a cubic-bezier easing curve for an ease-in-out effect suitable for a button hover animation and give me the CSS code I can use directly."},{"title":"Fluid gradient CSS background export","prompt":"Export a flowing gradient background animation in CSS — I want something smooth and looping I can use as a hero section background on my website."}],"resultDescription":"Returns a JSON response containing exportable CSS code snippets such as cubic-bezier() values, CSS linear() easing functions converted from spring physics parameters, keyframe animation blocks, gradient CSS, or ffmpeg compression commands, ready for direct use in a web project.","failureModes":["Missing or malformed input parameters returning a 400 error","Invalid spring physics values (e.g. negative stiffness) causing computation failure","Payment not received resulting in 402 response","Unsupported animation type returning an empty or error JSON","Server-side computation error for extreme parameter values"],"whenToPreferThis":"Choose this endpoint when you need to programmatically generate production-ready CSS animation code — especially for converting spring physics parameters to CSS linear() easing, generating cubic-bezier curves, or exporting keyframe and gradient CSS — without manually using a browser-based GUI tool. Ideal for CI/CD pipelines, design-to-code automation, or AI agents assembling frontend assets.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-18T00:35:22.198Z","isFirstParty":false,"canonicalSlug":"css-animation-pro-export-api-3285b5f6"}