Logo draaien met webkit-transition (CSS)

Hallo allemaal,

Ik gebruik de standaard template beez_20 en wil met een CSS trucje het logo dat je er via de parameters inzet laten ronddraaien.

Ik wil dit codetje gebruiken:
In welke CSS code kan ik dit zetten?
Ik heb al geprobeerd hem in de #logo img te zetten, maar dat werkte niet.

Alvast bedankt!

n9iels

Volgens mij wordt transition gebruikt om de overgangsweergave van css instellingen te bepalen.
Bijvoorbeeld het verschil tussen a en a:hover. Als je het lettertype van a:hover bijvoorbeeld groter maakt dan die van a dan zorgt -moz-transition: width 2s; (firefox) ervoor dat de transformatie geanimeerd gebeurd in 2 seconde.

Bij w3schools lukt het ze wel met die codes, zie hier:
www.w3schools.com/css3/css3_transitions.asp

Als ik op de pagina van je link een mouse over doe dan zie ik niets draaien. Ik zie datgene wat Ronald omschrijft, namelijk het vergroten en veranderen van kleur van de de tekst en achtergrond.

Kijk eens in de broncode van die instructie. Volgens mij word je daar best wel wat wijzer van. Moet sowieso ook iets van en duration in staan. Vermoed overigens wel dat het, zoals Ronald en George zeggen, alleen voor tekst is.

toch wel vreemd wat ze doen het in deze uitleg met een div:
www.w3schools.com/css3/tryit.asp?filename=trycss3_transition2

Overigens heb ik het van deze site:
www.gouda-webdesign.nl/

Ik heb het al bekeken met een soort van firebug (F12 in Google chrome), en daar haal exact het zelfde vandaan als op w3schools staat

Dat doen ze niet met transition, maar met transform.