CSS Shapes kommen in Firefox 62 an: Textfluss um jede Form

Firefox 62 unterstützt jetzt offiziell CSS Shapes, sodass Text und andere Inhalte um nicht-rechteckige Formen fließen können. Dieser Artikel untersucht, wie man Formen mit Bildern, Verläufen und Basisformen erstellt und den Prozess mit den neuen Werkzeugen in Firefox DevTools vereinfacht. Lernen Sie, Bild-Alphakanäle, Verlaufstransparenz und vordefinierte Formen (Kreis, Ellipse, Polygon) zu verwenden, um den Textfluss zu steuern, den Abstand mit `shape-margin` anzupassen und `shape-image-threshold` für semitransparente Bilder zu verwenden. Der Artikel zeigt auch, wie man Formen mit `clip-path` für erweiterte Effekte kombiniert.