Post

Sam Rose
@samwho.dev

A cheeky lil' bit of off-screen progress on my Turing Machine visualisation. I want it to be very obvious how the state of the machine is changing with every instruction.

Sam Rose
@samwho.dev

While I didn’t use the mechanics used by @jhey.dev, the idea to use this effect came from one of his tweets. I did try to use anchors but it seems it can’t be done from JS? The table I have here is dynamically generated from a program written in a DSL I wrote for the post. bsky.app/profile/jhey...

Jhey ʕ·ᴥ·　ʔ@jhey.dev

CSS-only magnetic link effect 🤯 li:has(a:is(:hover, :focus-visible)) {anchor-name: --a; } ul::before { left: anchor(--a left); width: anchor-size(--a width); } using CSS anchor positioning, declare an anchor on hover for the indicator 🚀

0 reposts3 likes

No replies yet.