L'infini en CSS : un voyage curieux à travers les interprétations des navigateurs
Cet article explore le comportement étrange du mot clé `infinity` dans les fonctions de calcul CSS. En appliquant `infinity` à des propriétés telles que `text-indent`, `word-spacing` et `letter-spacing`, l'auteur découvre des incohérences dans la manière dont les différents navigateurs gèrent les valeurs infinies, bien que les résultats visuels conduisent systématiquement à un débordement horizontal. Plus intriguant encore, lorsqu'il est utilisé avec `z-index`, la valeur calculée de `infinity` est limitée à la valeur entière maximale dans tous les navigateurs, ce qui entraîne un ordre de superposition inattendu. Enfin, l'auteur expérimente avec `infinity` pour la durée de l'animation, découvrant qu'il se traduit par des durées extrêmement longues, allant même jusqu'à rendre la page non réactive dans Safari. En résumé, l'expérience révèle les différentes stratégies que les navigateurs utilisent pour gérer les valeurs infinies en CSS et quelques effets secondaires surprenants.
Lire plus