✔ Rotierende Navigation mit JQuery Rotate

[dodo123]

Ich möchte eine Navigation wie diese hier erstellen (http://www.trinitywebtech.com/).

Kann mir jemand der sich mit JQuery auskennt kurz erklären, wie ich den Effekt umsetzen kann?
Habe gesehen, das für die Hintergründe ein CSS-Sprite benutzt wird und im CSS auch ein Element-Style mit rotate(0deg) vorhanden ist, aber werde daraus nicht schlau. Bin noch nicht wirklich vertraut mit JQuery, aber wenn mir jemand kurz erklären könnte wie man vorgehen kann, um es so wie auf der Site oben hinzukriegen, würde mir das schon helfen. Habe schon nach einer Demo-Site gesucht, aber nichts passendes gefunden.

 

[Parantatatam]

Die verwenden dort eine Erweiterung namens jQueryRotate, welche du auf deren Seite hier finden kannst. Und diese Funktion wird hier aufgerufen:

// von www.trinitywebtech.com/js/common.js, Zeile 32 bis 35
$(".home, .work, .cont").mouseenter(function(){
  $(this).delay(0).animate({opacity: '1'},{queue:true,duration:200});
  $(this).rotate({angle:0, animateTo:360});
});

 

[dodo123]

Vielen Dank.

 

[CPoly]

Oder auch ohne JavaScript https://tinker.io/25b20