[twelfthnight]

Is it just me, or does the illusion change a little? Instead of the step, it almost seems like the yellow and blue rectangles are expanding and contracting at alternating times. (hmm, only when I don't focus on the rectangles, but somewhere else on the page)

[cakoose]

I noticed that too. I think it's because the buses are 3 stripes long instead of 4.

After I changed the "--bus" CSS variable from 30px to 40px, I got the stepping effect.

[ehsankia]

That's really fascinating. Multiples of 20 give the stepping effect, while the other offsets of 10 grow and shrink. Stuff in between do a strange shrink and stop and grow. I thought 20 looked the best though.

I always loved making web remakes of common GIF illusions [0] where you can mess with variables and see what impact it has. This is a perfect example of that.

[0] https://ehsankia.com/cjs/#19

[equanimitivity]

This makes some sense: to maximize the illusion, both leading and tailing edges of the bus should be going through the light and dark strips at the same time.

[Angostura]

Yup. Have to rename it the "inchworm illusion"