The expert web designer an coder, Ryan Spilhaus, had shown the world how you can create neat animated Star Wars characters with just HTML and CSS. The project, which is hosted on Codepen, features several of the popular characters that are in a simplified cartoon format. Considering the limited capabilities of just using HTML and CSS, the animated figures are a brilliant usage of code.
Characters from all parts of the Star Wars franchise have animated figures in this example post. Some even have animated light saber action, like the activation of Kylo Ren's lightsaber. You may also notice the attention to detail given to many of the side characters like storm troopers. Keep in mind that this sort of graphical work is rather hard to accomplish in CSS.
A similar project was made by the same author in order to create embeddable cartoon figures of X-men. It was applied yet again for Star Lord from Guardians of the Galaxy. What Are The Real World Applications of This?
See it on CodePen:
Ryan is an innovate programmer from Kansas City with many open source projcts posted on the internet. He is very much proud with his animation work depicting iconic figures in many nerdy movies. He had also recently released Overwatch Pixel Sprays that were also made entirely in HTML and CSS. Stupid Robots: Box Stacking is another CSS concept that shows the abilities to make short games with the language.