d8b 88P d88 d888b8b 88bd88b 88bd88b d888b8b ?88 d8P d888888 d8P' ?88 88P' ` 88P' ?8bd8P' ?88 d88 88 d8P' ?88 88b ,88b d88 d88 88P88b ,88b ?8( d88 88b ,88b `?88P'`88bd88' d88' 88b`?88P'`88b`?88P'?8b`?88P'`88b

from geek & poke

Just to have a last bit of fun with CSS3 effects, I wanted to try a bit of animation on a simple shape, so here it is. You can find all the bird and the guy in this folder. Again, no support for IE, so an ugly « display: none; » for all of you. If you want to see the animation, try with Chrome, or Safari, on any Webkit browser. Have fun :)

  ___                _
 / __|___  ___  __ _| |___
| (_ / _ \/ _ \/ _` |   -_)
 \___\___/\___/\__, |_\___|
               |___/

Voilà le logo Google que vous obtenez pour la recherche « ASCII Art » sur Google, ils ont le sens du détail.

Whatever happens in Vegas stays on Google.

En me basant sur ce Twitter bird en Helvetica, j’ai décidé de refaire le même en HTML, CSS3 et Arial pour eviter les soucis de cross browser :)
Je vous laisse récupérer le code CSS pour ceux que ça intéresse.
Je pense que j’en ferai d’autres bientôt, et que je règlerai le soucis avec IE (Firefox, Safari, Chrome et Opera only pour le moment :)
EDIT : En fait c’est beaucoup de boulot pour IE, mais si vous y tenez absolument, allez rajouter ce plugin qui apporte une support fictif via JS pour les CSS Transform.

I’m so indie that I saw a band by myself in an underground room, and afterwards I killed them so that I would be the only one who knew of their existence.