[ERLEDIGT] Bild bei hover verschieben

[Hallo-Welt]

Hallo allerseits,

Ich frage mich jetzt schon den ganzen Abend, ob und wann wie ich eine Grafik, wenn der Mauszeiger drauf liegt, verschieben kann. Ich will die Grafik also nicht austauschen, sondern nur 2 oder 3 Pixel verschieben, damit es keine Verzögerungen beim Laden gibt. Geht das?

 

[Tronjer]

Google mal nach CSS3 transform.

 

[Hallo-Welt]

Oh, danke. Das könnte es durchaus sein...

Kann ich in meine CSS-StyleDatei dann einfach

a.hover{
transform: translate(3px, 3px);
}

schreiben? Irgendwie geht das so nicht.:(

 

[Tronjer]

Hover ist eine Pseudoklasse und wird mit ':' eingeleitet, also

a:hover

 

[Hallo-Welt]

So dann:

a:hover {
transform: translate(3px, 3px);
}

Geht aber immer noch nicht. Was mach ich falsch?

 

[Cheffchen]

hallö,

schau mal einfach da, das a:hover hast ja schon.
http://www.css-lernen.net/css-verschieben-translate-transformieren.php

cheffchen

 

[Hallo-Welt]

Danke, das ist genau das was ich suche, nur bin ich entweder super dumm oder stimmt irgendetwas noch nicht ganz. Ich hab jetzt folgenden Code:

a:hover.translate {
-moz-transform:translate(5deg,5deg); /* Firefox */
-webkit-transform:translate(5deg,5deg); /* Safari */
-o-transform:translate(5deg,5deg); /* Opera */
-ms-transform:translate(5deg,5deg); /* IE */
transform:translate(5deg,5deg); /* W3C */
}

Was der Code machen müsste, wäre die Grafiken die verlinkt sind zu verschieben, tut er aber nicht. Ich hab's auch schon mit CSS-Class Elementen im HTML-Code versucht. Funktionnierte aber ebenfalls nicht. Was mache ich falsch? Ich blick gar nicht mehr durch. Wer kann mir helfen?

Update: Okay, ich hab auf dieser Seite (http://www.alsacreations.com/article/lire/1418-css3-transformations-2d.html ) die Lösung zu meinem Problem gefunden. Danke euch allen.