Motion DevTools
Inspect, edit and export animations made with CSS and Motion One.
Wat is Motion DevTools?
Motion DevTools is een Chrome-extensie ontwikkeld door https://motion.dev, en de belangrijkste functie is "Inspect, edit and export animations made with CSS and Motion One.".
Extensie Screenshots
Download het CRX-bestand van de extensie Motion DevTools
Download Motion DevTools-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.
Instructies voor het Gebruik van de Extensie
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.
Basisinformatie over de Extensie
Naam | Motion DevTools |
ID | mnbliiaiiflhmnndmoidhddombbmgcdk |
Officiële URL | https://chromewebstore.google.com/detail/motion-devtools/mnbliiaiiflhmnndmoidhddombbmgcdk |
Beschrijving | Inspect, edit and export animations made with CSS and Motion One. |
Bestandsgrootte | 788 KB |
Aantal Installaties | 8,000 |
Huidige Versie | 2.0.0 |
Laatst Bijgewerkt | 2023-06-08 |
Publicatiedatum | 2022-03-21 |
Beoordeling | 4.20/5 Totaal 5 Beoordelingen |
Ontwikkelaar | https://motion.dev |
[email protected] | |
Betalingswijze | in_app |
Extensiewebsite | https://motion.dev/tools |
Ondersteunde Talen | 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": [ " |