Motion path
CSS-eigenschappen die een element langs een willekeurige kromme bewegen in plaats van rechtstreeks tussen twee punten.
Het pad geef je op met offset-path, meestal in de gewone padsyntaxis van SVG, en de positie erlangs met offset-distance als percentage. Animeer die van nul naar honderd en het element glijdt langs de kromme, en met offset-rotate: auto draait het mee in de bewegingsrichting — het verschil tussen een vliegtuig verplaatsen en het laten vliegen. Het pad kan ook een ray() met hoek en lengte zijn, een basisvorm of een verwijzing naar een pad in een SVG-document. Eerder had je daarvoor een JavaScript-bibliotheek nodig die de positie elk frame herberekende, of de eigen animateMotion van SVG, die alleen binnen SVG werkte. Breed ondersteund sinds 2022.