Motion DevTools
Inspect, edit and export animations made with CSS and Motion One.
Vad är Motion DevTools?
Motion DevTools är en Chrome-tillägg utvecklad av https://motion.dev, och dess huvudfunktion är "Inspect, edit and export animations made with CSS and Motion One.".
Tilläggsskärmbilder
Ladda ner Motion DevTools-förlängningens CRX-fil
Ladda ner Motion DevTools-filändelser i crx-format, installera Chrome-tillägg manuellt i webbläsaren eller dela crx-filerna med vänner för att enkelt installera Chrome-tillägg.
Användarmanual för Tillägg
Motion DevTools is a browser extension to inspect, edit and export animations made with CSS and Motion One. 🔍 Inspect: Press record and interact. Detected CSS and Motion One animations will be plotted on a classic timeline interface. Use the playback controls to scrub through and replay your animation from any point. ✍️ Edit: Add, move and remove keyframes. Edit values and easing with custom controls, and your edits will be reflected on the page in real-time. 🚢 Export: Perfected your animation? Hit the export button to instantly generate code. Export any animation into CSS transitions, CSS animations or Motion One.
Grundläggande Information om Tillägg
Namn | Motion DevTools |
ID | mnbliiaiiflhmnndmoidhddombbmgcdk |
Officiell webbadress | https://chromewebstore.google.com/detail/motion-devtools/mnbliiaiiflhmnndmoidhddombbmgcdk |
Beskrivning | Inspect, edit and export animations made with CSS and Motion One. |
Filstorlek | 788 KB |
Antal Installationer | 8,000 |
Aktuell Version | 2.0.0 |
Senast Uppdaterad | 2023-06-08 |
Publiceringsdatum | 2022-03-21 |
Betyg | 4.20/5 Totalt 5 Betyg |
Utvecklare | https://motion.dev |
E-post | [email protected] |
Betalningssätt | in_app |
Tilläggswebbplats | https://motion.dev/tools |
Stödda Språk | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Motion DevTools", "description": "Inspect, edit and export animations made with CSS and Motion One.", "version": "2.0.0", "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAjWcsdcmAGQ8cX\/DQG72r1deFTf4ONxlCor1HvW1\/lLG\/R60VCOuEGLR1OKNrCPHid2gFrlShfDe\/1G1VTefoIMt5z7jlHNuC7i7+mQg9ybbPje2HDKUrOAN5ldo3agqnEJFh+wA2rb6ehOIZVpZ7\/F8Lwja196bvWMSNn+9ktM+fYE3DJacZbf\/mySPlvRt8ToG++hE6taMKN4KnMJC08vWZ33fz\/oeQZ2fDMBGOYP\/9S6LOGoPqYY59Z+9wniZjFN4oE4ORxuP9bek0h15FnYeEvutFY8za0wdLng5bqwDWUlgW51x6MZpJWv1JtD66PBlQVHhX9FJV6m\/HUTE\/qwIDAQAB", "manifest_version": 3, "icons": { "16": "\/assets\/icon-16.png", "32": "\/assets\/icon-32.png", "48": "\/assets\/icon-48.png", "128": "\/assets\/icon-128.png" }, "devtools_page": "devtools.html", "background": { "service_worker": "js\/background.js" }, "content_scripts": [ { "matches": [ " |