CSS Random() Function: Say Goodbye to JavaScript for Random Animations
2025-08-24
CSS is getting a `random()` function, a game-changer for web design! Generate random numbers directly in CSS without JavaScript for things like animation delays, randomized layouts, and random colors. The function takes min, max, and step arguments, offering various ways to share randomness – using custom properties or the `element-shared` keyword for element- or global-level sharing. The article uses examples like creating a star field, randomly placed rectangles, and photo stacks to showcase the power of `random()`, inviting developers to provide feedback to shape the feature's future.
Development
random function