Ajax Loader
×

CSS3 Stackoverflow Logo

On stackoverflow I have been seeing that SO + MS = smth ad. The ad is so neat that I really love it, and thats what made me build SO's logo in CSS3. I decided to add a little bit of animation with CSS3 transitions to make it a bit more interesting.

The logo uses a lot of elements but I am sure some smart guy can outsmart me by using a single element and much better CSS code. I dont think my CSS code here is great because of the hardcoding in the translate function's value.

Anyway, its fun and informative and I am sure someone will learn something from this. The exact values in the translate functions were finalized upon quite a bit of tweaking (although maybe its still not perfect). Chrome dev tools would have helped, but the support of Zen Coding in the editor is awesome. Pressing ctrl or alt with the up/down arrow keys allows us to alter numeric values in our CSS code!

Too much talking, Enjoy the codecast now!

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    CSS3 Stackoverflow Logo

    CSSDeck G+