Berurusan dengan Infinity pada CSS

Menggunakan nilai infinity dalam CSS calc() pada properti panjang seperti text-indent, word-spacing, dan letter-spacing menghasilkan overflow horizontal besar dan teks tersembunyi.

Safari dan Firefox konsisten secara internal pada nilai terhitung untuk properti panjang, meski berbeda orde besar, sedangkan Chrome menunjukkan hasil yang tidak konsisten.

Untuk properti unitless seperti z-index, calc(infinity) atau calc(infinity + 1) dihitung sama (2147483647) di semua browser.

Pengaturan animation-duration dengan calc(infinity * 1s) memunculkan durasi ekstrem (hingga 1.79769e+308s di Chrome atau 3.40282e+38s di Firefox) dan membuat halaman menjadi tidak responsif di Safari.

Pembagian bilangan hingga infinity (finite / infinity) selalu menghasilkan 0 di Safari, Chrome, dan Firefox.

Eksperimen ini mengungkap perbedaan dan keseragaman cara browser menangani konsep infinity dalam CSS.