Motion DevTools
Inspect, edit and export animations made with CSS and Motion One.
Что такое Motion DevTools?
Motion DevTools - это расширение Chrome, разработанное https://motion.dev, и его основная функция - "Inspect, edit and export animations made with CSS and Motion One.".
Снимки экрана расширения
Скачать файл CRX расширения Motion DevTools
Скачайте файлы расширений Motion DevTools в формате crx, установите расширения Chrome вручную в браузере или поделитесь файлами crx с друзьями, чтобы легко установить расширения Chrome.
Инструкции по использованию расширения
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.
Основная информация о расширении
Название | Motion DevTools |
ID | mnbliiaiiflhmnndmoidhddombbmgcdk |
Официальный URL | https://chromewebstore.google.com/detail/motion-devtools/mnbliiaiiflhmnndmoidhddombbmgcdk |
Описание | Inspect, edit and export animations made with CSS and Motion One. |
Размер файла | 788 KB |
Количество установок | 8,000 |
Текущая Версия | 2.0.0 |
Последнее Обновление | 2023-06-08 |
Дата публикации | 2022-03-21 |
Рейтинг | 4.20/5 Всего 5 оценок |
Разработчик | https://motion.dev |
Электронная почта | [email protected] |
Тип оплаты | in_app |
Официальный сайт расширения | https://motion.dev/tools |
Поддерживаемые языки | 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": [ " |