CSS でランダムな値を扱う `random()` と `random-item()` 関数

CSS でランダムな値を扱う `random()` と `random-item()` 関数 2024.07.28 `random()` と `random-item()` 関数は CSS でランダムな値を扱うための関数です。`random()` 関数は最小値と最大値を引数に取り、その範囲内のランダムな数値を返します。`random-item()` 関数は引数に渡したリストの中からランダムに 1 つの値を返します。

[mangano-ito]

ちょうど最近ランダムがほしいと思ってたんだよな〜アニメーションとか活用の幅はいろいろありそう。

[ducktoon]

構文がキモすぎる

[otchy210]

そのランダムが評価されるタイミングがいつになるのか気になるな。適用される要素がなくても css ロード時に評価済なのか、要素に適用された時に評価されるのか、あるいは仕様上タイミングは未定義か。

[mizdra]

https://ics.media/entry/220420/ みたいなのを、ほぼ CSS で実現できたりするのかな

[nezuku]

サードパーティCookie廃止の流れある一方で、それでもトラッキングをしようとブラウザの様々な挙動からフィンガープリンティングを図る例あるが、これも実装が不十分だとなんのブラウザか推測できたりは

[gabill]

content: random-item(--x; "大吉"; "中吉"; "吉"; "小吉"; "凶");

[jay-es]

最小値・最大値を引数に取る random() 関数と、与えられたリストのうち1つを返す random-item() 関数