CSS random function

⚠ Browser differences

✗

✗

✓

function supportsCssRandom() {0x0D
  if (0x0D
    !globalThis.CSS?.supports?.(0x0D
      "width",0x0D
      "random(fixed 0.5, 100px, 200px)"0x0D
    )0x0D
  ) {0x0D
    return false;0x0D
  }0x0D
0x0D
  const probe = document.createElement("div");0x0D
0x0D
  probe.style.cssText = `0x0D
    position: fixed;0x0D
    visibility: hidden;0x0D
    width: 1px;0x0D
    width: random(fixed 0.5, 100px, 200px);0x0D
  `;0x0D
0x0D
  document.documentElement.append(probe);0x0D
0x0D
  const computedWidth = parseFloat(getComputedStyle(probe).width);0x0D
  probe.remove();0x0D
0x0D
  return computedWidth === 150;0x0D
}

supportsCssRandom()