Comments on: Very Early Playing with random() in CSS https://frontendmasters.com/blog/very-early-playing-with-random-in-css/ Helping Your Journey to Senior Developer Thu, 28 Aug 2025 16:35:09 +0000 hourly 1 https://wordpress.org/?v=6.8.3 By: Chris Coyier https://frontendmasters.com/blog/very-early-playing-with-random-in-css/#comment-38489 Thu, 28 Aug 2025 16:35:09 +0000 https://frontendmasters.com/blog/?p=6931#comment-38489

I didn’t have a chance to try it yet — but doesn’t it make you wanna force a re-render and see if it will work with document.startViewTransition??

Update… kinda? https://codepen.io/editor/chriscoyier/pen/0198edec-2b15-7eae-bd33-d2393b302e1f

]]> By: Chris Coyier https://frontendmasters.com/blog/very-early-playing-with-random-in-css/#comment-38257 Tue, 26 Aug 2025 15:34:36 +0000 https://frontendmasters.com/blog/?p=6931#comment-38257 In reply to Re Banius.

That’s correct! I updated the mistake.

]]> By: Alec Gregory https://frontendmasters.com/blog/very-early-playing-with-random-in-css/#comment-38223 Tue, 26 Aug 2025 07:38:55 +0000 https://frontendmasters.com/blog/?p=6931#comment-38223 This is so cool! I have hacked this sort of thing a few times but it’s always a downer. Can’t wait to get creative with it.

BTW In the range example it looks like the list of possible values are for having 10px as the range value rather than 20px.

]]> By: Re Banius https://frontendmasters.com/blog/very-early-playing-with-random-in-css/#comment-38217 Tue, 26 Aug 2025 06:41:32 +0000 https://frontendmasters.com/blog/?p=6931#comment-38217 On top: random(10px, 100px, 20px);

“ The top value above can only be: 10px, 20px, 30px, 40px, 50px, 60px, 70px, 80px, 90px, or 100px.”

Is the 20px not telling it should increment by 20px? So wouldn’t this be 10px, 30px, 50px, 70px, 90px?

]]>