Encoding Animated GIFs Into Pure CSS

Matthew Rayfield hat einen Convertor gebastelt mit dem sich animierte Gif’s in CSS Code verwandeln lassen. Wirklich ziemlich nice!

22.12.2019

Gebt euch den Clip, lest seinen Blogpost, und probiert es danach am besten selbst aus mit gif2css. Werd ich definitiv mal zum Spaß hier benutzen…

Kann man z.B. gebrauchen wenn man nicht will das jemand sein super Gif klaut, aber wer will das schon?

In what I believe to be a breakthrough in web styling, the Spongebob animation you see below this paragraph is 100% CSS. Yes that’s right, this video clip has been encoded into a smooth 19 frame CSS animation. No images ! No cheater DataURLs embedded into the code ! Instead each frame is made from 200 horizontally-positioned vertical linear-gradients. Each with 144 color stops.

converting ANIMATED GIFs to pure CSS ANIMATIONS ,

 

*** Belong to the cool Kids! It’s Easy: Follow this Blog on Social Media like Twitter, Snapchat or Instagram for more Content of from Zwentner.com & about my Life ***