i guess follow me @bethposting on bsky or pillowfort


discord username:
bethposting
You must log in to comment.

in reply to @amypercent's post:

oo there's also using an animation to scroll through individual frames like what happens in the useless box and bad apple

something like

<div style="position: relative; margin: auto; width: min-content; text-align: center; width: 2ch; height: 1em; background: orange; line-height: 1em; font-family: monospace; font-size: 5rem;">
  <details>
    <summary style="position: absolute; width: 100%; height: 100%; font-size: 0; z-index: 1;"></summary>
    <div style="display: flex; animation: 2s steps(6, start) 0s reverse spin; transform: translateX(-12ch); white-space: nowrap;">
      <div>aa</div>
      <div>bb</div>
      <div>cc</div>
      <div>dd</div>
      <div>ee</div>
      <div>ff</div>
      <div style="font-size: 2rem;">reset</div>
    </div>
  </details>
  <div style="font-size: 2rem;">start</div>
</div>

preview
though you do need to click a second time to restart it