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