scramble text with CSS

Scramble text.md

https://x.com/jh3yy/status/1852465034481598662?t=Du7wTV-oMGpensDrwPjBMA&s=19

– translate some letter strips on :hover – vertical letters with word-break/white-space

a:is(:hover, :focus-visible) span {
    transition: translate 0.25s var(--delay) steps(11);
    translate: -50% calc(100% - 1lh);
}