CSSのrandom()関数:JavaScriptを使わずにランダムアニメーションを実現

2025-08-24
CSSのrandom()関数:JavaScriptを使わずにランダムアニメーションを実現

CSSに`random()`関数が追加され、ウェブデザインが一変します!JavaScriptを使わずに、CSS内で乱数を生成し、アニメーションの遅延、ランダムなレイアウト、ランダムな色などを実現できます。この関数は最小値、最大値、ステップの3つの引数を取り、カスタムプロパティや`element-shared`キーワードを使用して、要素内やグローバルでの乱数の共有を柔軟に制御できます。星雲の生成、ランダム配置された長方形、写真スタックなどの例を通して`random()`関数の威力を示し、開発者からのフィードバックを求めています。

開発 random関数