Forumieren CSS Code gesucht

...komplette Frage anzeigen

3 Antworten

Hier eine Anleitung zum drehenden Bilder. Dies ist der Html Code

Fals du den Logo verlinen wilst, fügst du in "Link" die Adresse ein. Was man in "Grafikadresse einfügen muss, erklärt sich von selbst.

Danach brauchst du noch den Css Code:

.drehen:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

Diesen musst du immer dort einfügen, wo das Logo sich drehen soll.

Na ja... Vergeben wir einige Begriffe! Was Du suchst, nennt sich

  • Transition oder
  • Animation

Versuche mal, mit diesen beiden Stichworten Tutorials zu finden!

Hier auf GuteFrage hatten wir das auch schon.

wie gesagt ich hab echt alles gesucht, auf allen möglchen plattformen, hab nach videos geschaiut enc enc enc und das hilft mir jetzt auch nicht -.-

0
@LittleNightmare

Dir fehlt noch das Gefühl für die richtigen Stichworte zum Thema und für die richtige Suchtechnik.

Ich denke, DA solltest Du anfangen, Dich weiterzuentwickeln.

Der Rest ist dann Kinderspiel.

Eventuell (obwohl unwahrscheinlich) hast Du ja auch "Dein" Google so "trainiert", daß Du nur sinnlose Treffer vor die Nase gelegt kriegst. Aufgrund früherer Klicks. Da... mußt Du dann halt dran arbeiten...

===============

Wie sieht's denn aus: Was erhältst Du zum Beispiel für Treffer auf "GuteFrage CSS Animation"? (Stichwort "CSS" stammt von DIR SELBST, Stichwort "Animation" hattest Du bereits bekommen und wohl noch nicht sinnvoll einzusetzen geschafft, GuteFrage ist... Kinderkram - solltest Du allein schaffen!)

ICH erhalte dort auf Anhieb gleich ganz oben zwei Treffer, die unmittelbar funktionierende Beispiele (in Deiner Ausdrucksweise: funktionierenden Code) bieten. Dazu eine Seite, die ALLGEMEIN auf das Prinzip eingeht.

Was erhältst DU mit DEINER Suchmaschine für Treffer?

0

Sorry, bei meiner ersten Antwort ist was schiefgelaufen.

Hier hochmal:

Dies ist der HTML Code:

<a href="LINK"><img class="drehen" src="Grafikadresse" alt="" border="0" /></a>

und dies der Css Code:

.drehen:hover {
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg); 
       transform: rotate(360deg); 
} 

Weiteres muss man glaub ich nicht erklären. Fals doch einfach wieder fragen.

Was möchtest Du wissen?