Kullanım şekli:
transform:rotateZ(10deg);
Burda yazan 10 değeri saat yönünde 10 derece döndürmesini belirtiyor.
Not: Unutmayınız her tam sayının negatif değeri vardır -10 yazarsanız saat yönünün tersinde 10 derece dönecektir.
Yapmanız gereken tek şey aşağıdaki kodları menülerinize göre ayarlayıp css dosyanızın içine yapıştırmak.
Menu adı {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
-webkit-transition: -webkit-transform 2s ease-in-out;
-moz-transition: -moz-transform 2s ease-in-out;
-o-transition: -o-transform 2s ease-in-out;
transition: transform 2s ease-in-out;
}
Menu adı:hover {
-webkit-transform: rotateZ(-360deg);
-moz-transform: rotateZ(-360deg);
-o-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
}Demo & Kaynak : http://www.davutkara.com/programlama-2/css3-ile-firildak-menuler