Objekt rotiert nach Klick auf Button

Hallo, ich bräuchte ein bisschen Hilfe bei meiner Ideeumsetzung.

Und zwar wollte ich eine Startseite machen (Background nur weiß), wo nur zentriet mein Logo (Schiffsteuerrad) zu sehen ist und darunter mein Markenname, so nenne ich es mal. Wenn man auf das Logo oder auf das Steuerrad klickt, soll sich das Steuerrad für 2 Skunden drehen / rotieren und dann sollte es zu eigentelichen Startseite weiter gehen. Hab es hier mal in die Kategorie HTML & CSS rein gepostet, da ich mal was mit CSS gelesen haben, dass es da möglich wäre. Allerdings stelle ich mir, dass dann schwierig vor bei der automatischen Weiterleitung nach 2 Sekunden, so wie die Auslösung. Wäre das ganze JS? Gibt es da vielleicht wo schon fertige Scripts? Habe das ganze mal mit diversen Suchkombinationen bei Google eingegeben, allerdings kam ich da nur auf die CSS Version.

Hallo,

eine Weiterleitung können Sie im head -Bereich angeben:

< meta http-equiv=„refresh“ content=„3; URL=http://www.example.com/“>

Bei content die Anzahl der Sekunden angeben, URL Atrribut sollte auf ihre zweite Startseite zeigen.

Das drehen von Bildern via CSS ist möglich. Schauen Sie mal hier:
http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_animate-spin

Viele Grüße und einen schönen Abend

es soll ja keine automatische weiterleitung erfolgen, sondern durch ein klick auf das img logo, dann soll das logo rotieren 2 sekunden lang, danach gehts dann auf eine andere seite

Eine Verzögerung nach Link-Aufruf ist mit HTML oder CSS nicht standardmäßig möglich (oder zumindest mir nicht bekannt). Da werden Sie wohl JavaScript, PHP, Phyton oder andere Skript- oder Programmiersprachen nutzen müssen, um Ihre Ideen um zusetzen.

Anbei ein Link: http://www.gutefrage.net/frage/html-link-beim-klick-mit-5-sekunden-verzoegerung-aufrufen

Javascript oder jQuery sind hier die Alternativen für den Weiterleitungseffekt.
Die Drehung kann man mit CSS machen, oder ein Austauschbild machen.
Dort wechselt man bei „mouse_over“ zu einem Gif-Bild, in dem sich das Rad dreht.
Leider haben Gifs nur sehr schwache Grafikleistungen, was ich aber nicht einschätzen kann, da ich dein Steuerrad-Logo nicht kenne. Wenn es einfarbig ist, wäre das perfekt.
Hier der Artikel wie man mit CSS Dinge dreht:
http://www.html-seminar.de/css3-transform-rotate.htm