CSS funkcija random() dobila je dopunsku skriptu za Chrome i Firefox

Funkcija random() u CSS-u vraća nasumičnu vrijednost iz zadatog raspona, bez ijedne linije JavaScripta. Do sada se mogla koristiti jedino u Safariju. Lee Meyer je 31. avgusta 2026. na CSS-Tricksu objavio dopunsku skriptu koja nedostajuću funkciju izvodi u JavaScriptu (polyfill), pa isti zapis radi i u Chromeu i u Firefoxu.

Kakvo je stanje podrške

Provjera na servisu webstatus.dev 31. avgusta 2026. pokazuje da funkciju izvode samo Safari i Safari na iOS-u. Stigla je u izdanju Safari 26.2, objavljenom 12. decembra 2025. godine, zajedno s funkcijama sibling-index() i sibling-count(). Chrome, Edge i Firefox je u stabilnim izdanjima nemaju, a Baseline stanje funkcije je ograničeno.

Meyer navodi da ima naznaka rada na njoj i u Chromeu i u Firefoxu, ali bez rokova i bez obećane zastavice iza koje bi se isprobala. Sama specifikacija je uredničko radno izdanje u ranoj fazi istraživanja, u kojem se najavljuju izmjene koje ruše kompatibilnost.

Šta skripta traži zauzvrat

Skripta ne traži poziv funkcije bilo gdje u zapisu. Radi po dogovoru: svaka nasumična vrijednost se prvo upiše u prilagođeno svojstvo čije ime počinje s --random, a svaki element koji treba obraditi mora imati klasu randomized. Upravo zbog toga ostatak stila ostaje ispravan CSS i u pregledaču koji za tu funkciju nikad nije čuo.

• Neobavezan treći argument radi, pa random(1px, 7px, 1px) bira samo cijele piksele.
• Vrijednosti s ključem rade, pa random(--side, 40px, 100px) istu vrijednost daje dvjema osobinama.
• Jedinice smiju da se miješaju dok se svode na isti tip podatka, zbog čega random(2turn, 10turn, 20deg) prolazi.
• Tamo gdje pregledač funkciju izvodi sam, skripta ne obrađuje ništa i posao prepušta njemu.

Dvije granice koje treba znati unaprijed

Podržani opseg je uži od izvornog. Specifikacija dozvoljava poziv funkcije umjesto bilo kojeg dijela vrijednosti bilo koje osobine, onako kako rade calc() i min(); skripti treba zaobilazak kroz prilagođeno svojstvo. Meyer to naziva kompromisom koji prihvata, jer zapis ostaje saglasan s izvornom podrškom i skripta se kasnije može obrisati bez diranja stila.

Druga granica je vremenska. Skripta obrađuje samo izračunate stilove koji se na elemente primjenjuju pri prvom učitavanju stranice. Zbog toga je jedan od primjera morao biti prepravljen: nasumična vrijednost je premještena iz animacije u klasu koja se primjenjuje pri učitavanju. Sve što se mijenja poslije toga ostaje izvan onoga što skripta pokriva.