To Infinity… But Not Beyond!

This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).

An exploration of CSS `infinity` keyword behavior across browsers when used in calc() functions with various properties beyond just lengths. Testing text-indent, word-spacing, letter-spacing, z-index, and animation-duration reveals significant browser inconsistencies. Safari, Chrome, and Firefox return wildly different computed values for infinite pixel lengths, while z-index consistently clamps at 2147483647 across all browsers. Animation durations with infinity produce astronomically large values in Chrome and Firefox, while Safari becomes unresponsive — a bug already filed with WebKit. Dividing by infinity consistently returns 0 across all browsers, a rare moment of cross-browser harmony.

6m read timeFrom meyerweb.com
Post cover image
6 Impressions