Wir haben gerade die Idee verlinkt, dass offset-path geschickt verwendet werden kann, um Text auf einem Pfad zu setzen. Verpassen Sie auch nicht die Experimente von Michelle Barker, indem Sie Pfade zeichnen oder Text entlang eines Pfades animieren.
Dan Wilson verfolgt diese Technologie ebenfalls schon seit einiger Zeit und weist darauf hin, warum das plötzliche Interesse daran...
Mit der Veröffentlichung von Firefox 72 am 7. Januar 2020 ist CSS Motion Path jetzt in Firefox, dem neuen Edge (voraussichtlich ab dem 15. Januar 2020 stabil), Chrome und Opera (sowie anderen Blink-basierten Browsern) verfügbar. Das bedeutet, dass jeder dieser Browser eine gemeinsame Basis von
offset-path: path(),offset-distanceundoffset-rotateunterstützt.
Dans Beitrag deckt die Grundlagen hervorragend ab, einschließlich einiger Dinge, an die Sie vielleicht nicht denken, wie zum Beispiel die Tatsache, dass der Pfad selbst animiert werden kann.