Capítulo 66 de 142

Chapter 66: Frequently-asked questions about Motion

Core Idea

Find answers to common questions about Motion, including browser support, and troubleshooting for animations.

Key Concepts

  • Browser support?: Motion supports all modern browsers.
  • Why is my animation finishing instantly?: There are a couple reasons an animation might appear to finish instantly.
  • 1. Your browser doesn't support CSS.registerProperty: If you're animating CSS variables and your browser doesn't support the CSS Properties and Values API
  • Animate faster with Motion+.: Unlock 430+ premium examples

Code Examples

{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://motion.dev/#org","name":"Motion","url":"https://motion.dev","logo":"https://motion.dev/favicon-512.png","sameAs":["https://x.com/motiondotdev","https://github.com/motiondivision","https://www.youtube.com/@motiondotdev"]},{"@type":"WebSite","@id":"https://motion.dev/#website","url":"https://motion.dev","name":"Motion","publisher":{"@id":"https://motion.dev/#org"}}]}
{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Browser support?","acceptedAnswer":{"@type":"Answer","text":"Motion supports all modern browsers. It doesn't support Internet Explorer 11 or below."}},{"@type":"Question","name":"Why is my animation finishing instantly?","acceptedAnswer":{"@type":"Answer","text":"There are a couple reasons an animation might appear to finish instantly. Your browser doesn't support CSS.registerProperty If you're animating CSS variables and your browser doesn't support the CSS Properties and Values API, animations will finish instantly. ### scale: 0 in Safari There's a bug in older versions of Safari where animating to scale(0) completes instantly."}}]}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Motion","item":"https://motion.dev/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https://motion.dev/docs"},{"@type":"ListItem","position":3,"name":"Frequently-asked questions about Motion","item":"https://motion.dev/docs/faqs"}]}
  • What it demonstrates: Core usage pattern for Frequently-asked questions about Motion.

Key Takeaways

  1. Frequently-asked questions about Motion supports Browser support?.
  2. Frequently-asked questions about Motion supports Why is my animation finishing instantly?.
  3. Frequently-asked questions about Motion supports 1. Your browser doesn't support CSS.registerProperty.

Connects To

  • Get started with Motion: related Motion doc page.
  • GSAP vs Motion: A detailed comparison: related Motion doc page.
  • Animation performance guide: related Motion doc page.