I was puzzled because I couldn't see anything happening! Apparently it works in Chrome and Firefox, but not in Safari (on macOS anyway).

I haven't had any luck googling for the "item-order-cycle" CSS that you use, but maybe there's a -webkit-* variant that would work?

Phil

On 25 Dec 2019, at 15:47, mpnordland@tilde.club wrote:

Thanks! I wanted to show that while these things are my top eight, there really isn't any difference in rank between them.
What better to show that than an unordered list with a constantly changing order?
CSS is really powerful and can accomplish a lot of dynamic effects like this one. It can even make things interactive
with a few HTML form hacks.
Here's a pure CSS image slider I made: https://stream-record.glitch.me/

December 25, 2019 10:24 AM, "Bradley Gannon" <bradley@tilde.club> wrote:

Wow, that's a really neat effect. And it looks like you did it with pure CSS? Impressive.

Bradley

On Wed, 25 Dec 2019, mpnordland@tilde.club wrote:

December 24, 2019 10:18 AM, "Bradley Gannon" <bradley@tilde.club> wrote:

Yes, that's pretty much the idea. I'm off to make mine now, as a matter of >> fact. I finally have
a little time on account of the holiday.

I just made mine:
http://tilde.club/~mpnordland/top8.html



-- 
Phil Gyford
Play:  https://www.gyford.com