Embed Notice

TIL: CSS animations allow you to animate replaced content.
You can do something like:.frames > *::before { animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: steps(10, jump); font-family: monospace; width: 1em; content: '*'; } #a11::before { animation-name: a11 } @keyframes a11 { from { content: 'a'; } 10% { content: 'b'; } 20% { content: 'c'; } 30% { content: 'd'; } 40% { content: 'e'; } 50% { content: 'f'; } 60% { content: 'g'; } 70% { content: 'h'; } 80% { content: 'i'; } 90% { content: 'j'; } 100% { content: 'k'; } }and: to get a little alphabet going. And of course you can animate fg/bg
colours as well.

So you could write a libcaca driver that produces a per line,
with a per pixel, and a lot of @keyframes, to render a
whole video that way.

No, I am not writing that!