https://aggr.aymericbeaumet.com/sources/markblah.github.io/ Browse aymeric's, an independent, searchable archive of readable snapshots from followed feeds, preserved in Git with aggr. en Thu, 5 Nov 2026 04:54:10 +0000 aggr https://aggr.aymericbeaumet.com/items/hnrss-org/2026-11-05-lemmings-css-animation/ urn:aggr:item:68f98689e6bff4932bcf48c10683305d66a186ef Thu, 5 Nov 2026 04:54:10 +0000 MarkBlah Add walkers with the button below or __walker.add(). Drag one to carry it, flick it to throw it. Resize the window and walkers ride the surface they're standing on, so a fast resize launches them. Stairs Stairs too tall to climb Floating… <p>Add walkers with the button below or <code>__walker.add()</code>. Drag one to carry it, flick it to throw it. Resize the window and walkers ride the surface they're standing on, so a fast resize launches them.</p> <h2>Stairs</h2> <h2>Stairs too tall to climb</h2> <h2>Floating platforms</h2> <h2>Pit</h2> <h2>Walls</h2> <h2>Cards</h2> <p>These wrap onto new rows as the window narrows, which shoves anyone standing on them.</p> <p><strong>Card one</strong></p> <p>Borders are solid. Walk the top edge or get trapped inside.</p> <p><strong>Card two</strong></p> <p>Buttons and form fields are solid too.</p> <p><strong>Card three</strong></p> <p>Text is a floor you can land on but walk through.</p> <p><strong>Card four</strong></p> <p>Throw a walker up here.</p> <h2>Cage</h2> <h2>Reading</h2> <p>Columns of text reflow a lot when the window changes size, so this is a good place to try a resize launch. Each line of text is its own floor. Walkers can drop from line to line, fall off the end of a short line, and land on whatever is below.</p> <p>Lines sit closer together than a walker is tall, so text never blocks them. Only borders, boxes, buttons, images and fields do. That keeps walkers from getting stuck between two lines of a paragraph.</p> <p>Near the bottom of the page there is one long floor to catch anything that falls all the way down.</p> news