Boxes moving around a central box

codepen.io/bigandy/pen/...

that page is almost blank (except for the header) for me in Chrome (also tested in Safari ...)

screenshot of what it looks like in Canary:

@bram.us is it possible to know if a transition is "transitioning" in CSS?

i.e. I am transitioning a popover but if I try and re-open the popover while it is closing it reverses the transition.

To prevent the button from firing if the popover is transitioning. codepen.io/bigandy/pen/...

@chriscoyier.net follow-up for your Youtube video on random(). I had a moment to see how to update the randomness differently:

codepen.io/bigandy/pen/...

So far I can half do it with a @supports query then add a @container style check:

1. do the @supports check for if:
@supports (cx:if(media(width > 1px):1)) {
}
2. do a @container style(2>1) {} which matches the style range query

see codepen.io/bigandy/pen/...

Also, crashes the browser in Chrome

Dynamic (Container/Media) Query

codepen.io/bigandy/pen/...

with style range queries. Works with both container and media queries.

(try out in Chrome Canary!)

#css

its even worse if you have Chrome and also Canary...something on my Mac means I cannot access local sites on my local network (e.g. on my Raspberry Pi) with Chrome or Canary. Toggling the permissions to off does nothing.

Looks like he's commentating on Eurosport International