Alakváltó ikon CSS-sel, JS nélkül

Egy kis shapeshifter icon set, az alapja CSS transition és animation, csak a classt kell cserélgetni, és átváltozik. Nem fix méretű, és a színe pofonegyszerűen módosítható.

http://jsfiddle.net/zf6taLh6/

Szerk.:
Helyesen tájolt változat: http://jsfiddle.net/zf6taLh6/2/

Hozzászólások

Nagyon jó, bár a készítőjének lehet egy kis tájékozódási zavara. :)

-----
„Egy jó kapcsolatban a társunkat az ő dolgában kell támogatni, nem a miénkben.”
rand() a lelke mindennek! :)
Szerinted…

Nice. Egyébként IE-ben mennyire támogatott?

10.0-tól felfelé elvileg transform és transition is megy. 10.0-val nem problémamentesen, de azért működik. Korábbi verzióknál problémás lesz, transform 9.0-tól -ms-transform segítségével megyeget, de a transition-höz nincs támogatás, úgyhogy veszett fejsze nyele. Mondjuk legalább megjelennek vele az ikonok, csak áttűnés nélkül (elvileg, nem tudtam kirpróbálni).

alias killall='echo "Wenn ist das Nunstück git und Slotermeyer? Ja. Beiherhund das Oder die Flipperwaldt gersput." | espeak -vde' #That's not funny.