Infinito no CSS: Uma jornada curiosa pelas interpretações do navegador
Este artigo explora o comportamento peculiar da palavra-chave `infinity` nas funções de cálculo CSS. Ao aplicar `infinity` a propriedades como `text-indent`, `word-spacing` e `letter-spacing`, o autor descobre inconsistências em como diferentes navegadores lidam com valores infinitos, embora os resultados visuais levem consistentemente a um overflow horizontal. Mais intrigantemente, quando usado com `z-index`, o valor computado de `infinity` é limitado ao valor inteiro máximo em todos os navegadores, resultando em uma ordem de empilhamento inesperada. Finalmente, o autor experimenta `infinity` para a duração da animação, descobrindo que ele se traduz em tempos extremamente longos, causando até mesmo que o Safari torne a página não responsiva. Em resumo, o experimento revela as diferentes estratégias que os navegadores empregam no tratamento de valores infinitos em CSS e alguns efeitos colaterais surpreendentes.