codeofaninja
website

12 Animated Logo Made Only with HTML and CSS

Photo of Mike Dalisay
Modified Friday, July 26, 2013
by - @ninjazhai
I'm still amazed by these people creating and coding logos using only the HTML and CSS technology, I was like, look Ma, no Images and JavaScript! So here are some of those amazing animated logos that I recently found on the web (some are not actually logos but they can be used as logos). Click the title of each items below to view its code and live demo!

1. Optical Spinner


2. Alien Bot

3. Tape Recorder


4. Jarvis

5. Snow Pyramid


6. Psychedelic Spiral Wormhole


7. Lemon Slice in Water



8. Lazy Cute Red Pet


9. Smooth Camera



10. Minion with Superman Mode - JavaScript were used only for changing to Superman mode.



11. Rotating Window



12. Pixel Perfect Ubuntu



I want to grow this list. If ever you want to add your own work or you know something the same or more awesome, please drop it in the comments section below! Any comments and suggestions are also welcome!

You think they are awesome too? Feel free to share this post!
For FREE programming tutorials, click the red button below and subscribe! :)
Thanks for the comments!
 
 
Fundamentals
"First do it, then do it right, then do it better."
~ Addy Osmani
"Talk is cheap. Show me the code."
~ Linus Torvalds
Let's Stay Connected!
g+ r
Android app on Google Play
© 2011-2014 The Code Of A Ninja. All rights reserved. Proudly Powered by Google Blogger. Images, logos, marks or names mentioned herein are the property of their respective owners.