Conversation

Notices

1. Embed this notice
   Ryan Castellucci :nonbinary_flag: (ryanc@infosec.exchange)'s status on Thursday, 20-Jun-2024 23:23:54 JST Ryan Castellucci :nonbinary_flag:

   in reply to

   • dakkar

   @dakkar coward

   • Embed this notice
     dakkar (dakkar@s.thenautilus.net)'s status on Thursday, 20-Jun-2024 23:23:56 JST dakkar

     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!