Infinito en CSS: Un viaje curioso a través de las interpretaciones del navegador
Este artículo explora el comportamiento peculiar de la palabra clave `infinity` en las funciones de cálculo CSS. Al aplicar `infinity` a propiedades como `text-indent`, `word-spacing` y `letter-spacing`, el autor descubre inconsistencias en cómo diferentes navegadores manejan valores infinitos, aunque los resultados visuales llevan consistentemente a un desbordamiento horizontal. Más intrigantemente, cuando se usa con `z-index`, el valor calculado de `infinity` está limitado al valor entero máximo en todos los navegadores, lo que resulta en un orden de apilamiento inesperado. Finalmente, el autor experimenta con `infinity` para la duración de la animación, descubriendo que se traduce en tiempos extremadamente largos, incluso causando que Safari haga que la página no responda. En resumen, el experimento revela las diferentes estrategias que los navegadores emplean para manejar valores infinitos en CSS y algunos efectos secundarios sorprendentes.
Leer más