Experimenting with Random() in CSS
polypane.app
Experimenting with Random() in CSS
1–10 of 11 posts
Re: Experimenting with Random() in CSS
#2A real shame that they didn't include screenshots of what the results look like. Not only do they note browsers that don't support it yet, they even note that the samples might not survive changes in the future.
So I scrolled, saw a lot of code, nothing showing the result.
Re: Experimenting with Random() in CSS
#3A real shame that they didn't include screenshots of what the results look like. Not only do they note browsers that don't support it yet, they even note that the samples might not survive changes in the future. So I scrolled, saw a lot of code, nothing showing the result.
There are a ton of interactive demos for me on Safari 27, and at the top of the article there's also a video. What isn't showing up for you?
Re: Experimenting with Random() in CSS
#4A real shame that they didn't include screenshots of what the results look like. Not only do they note browsers that don't support it yet, they even note that the samples might not survive changes in the future. So I scrolled, saw a lot of code, nothing showing the result.
There is movie at the top that shows three renders of the same thing next to each other so the randomness can easily be spotted.
Re: Experimenting with Random() in CSS
#5A real shame that they didn't include screenshots of what the results look like. Not only do they note browsers that don't support it yet, they even note that the samples might not survive changes in the future. So I scrolled, saw a lot of code, nothing showing the result.
There are a ton of interactive demos for me on Safari 27, and at the top of the article there's also a video. What isn't showing up for you?
I use Google Chrome, and it doesn't show up for me either
Re: Experimenting with Random() in CSS
#6Didn't there exist convoluted ways to get random numbers in CSS before this? (I think some would even manipulate the DOM and re-read the changed values since those operations have randomness apparently)
Re: Experimenting with Random() in CSS
#7Earlier quoted context omitted.
There are a ton of interactive demos for me on Safari 27, and at the top of the article there's also a video. What isn't showing up for you?
I use Google Chrome, and it doesn't show up for me either
It's behind a flag, if you want to play with it. (The easiest way is usually just to test in Canary.)
Re: Experimenting with Random() in CSS
#8Bokeh doesn't have different blur for different circles, it's always projecting the exact shape of the aperture.
Re: Experimenting with Random() in CSS
#9This might produce unpleasant clusters of the same color ("clustering illusion"), if the values are really randomly distributed.
Re: Experimenting with Random() in CSS
#10A real shame that they didn't include screenshots of what the results look like. Not only do they note browsers that don't support it yet, they even note that the samples might not survive changes in the future. So I scrolled, saw a lot of code, nothing showing the result.
There is movie at the top that shows three renders of the same thing next to each other so the randomness can easily be spotted.
I especially liked the aurora demo. Nice example!