網頁動畫工具箱
CSS 漸層、動畫與網頁互動效果產生器。
| Endpoint | https://tw-web-motion.panda198271.workers.dev/mcp (streamable-http) |
|---|---|
| Registry version | 1.0.0 |
| Now | 8 tools · grade A (94) · pin ts_3b423227aac578aaf576bceb27502a7e · protocol 2025-06-18 |
| First / last listed | 2026-10-27 06:10 UTC / 2026-10-27 06:10 UTC |
| Grade over time | 2026-10-27: A (94), 8 tools |
Is this your server? Own a server? ToolFit hosted watch re-checks it every 24 h ($0.25 per 30 days) or 6 h ($0.60) and sends you an HMAC-signed webhook when its tools or grade change: POST https://api.youraitools.co/toolfit/v1/watch. To opt out, see About & opt-out.
Tools: generate_easing spring_to_css_linear generate_keyframes generate_gradient web_video_ffmpeg animation_browser_support animation_a11y_checklist compare_animation_libraries
generate_easing | 產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。 params: name, x1, y1, x2, y2 |
spring_to_css_linear | 把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。 params: stiffness, damping, mass |
generate_keyframes | 產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing params: preset*, duration, delay, iterations, easing |
generate_gradient | 產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。 params: colors*, type, angle, animate, speed |
web_video_ffmpeg | 產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。 params: width, fps, quality, audio, input, output |
animation_browser_support | 網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。 params: none |
animation_a11y_checklist | 網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。 params: none |
compare_animation_libraries | 比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。 params: none |
Entries describe changes in tool definitions. They are not statements about a server, its quality or its author. The grade measures how the tool definitions fit model providers (token cost, schema compatibility, confusable names) as scored by the ToolFit engine at the time of the listing. JSON: append .json. Opt-out: how or hello@youraitools.co.