CSS Shapes Chega ao Firefox 62: Fluxo de Texto em Torno de Qualquer Formato
2025-03-17

O Firefox 62 agora suporta oficialmente o CSS Shapes, permitindo que texto e outros conteúdos fluam em torno de formas não retangulares. Este artigo explora como criar formas usando imagens, gradientes e formas básicas, simplificando o processo com as novas ferramentas no Firefox DevTools. Aprenda a usar canais alfa de imagem, transparência de gradiente e formas predefinidas (círculo, elipse, polígono) para controlar o fluxo de texto, ajustar o espaçamento com `shape-margin` e usar `shape-image-threshold` para imagens semitransparentes. O artigo também demonstra a combinação de formas com `clip-path` para efeitos avançados.
Desenvolvimento
Design Web