Do it yourself: CSS für Profil und Blog

Das ist der Link, der Probs macht, denke, der gehört extra angesprochen

@Gnupf
Ne andere Idee, mit dem selben Effekt, allerdings erst beim hovern:

ul#gb_posts li:hover {
-moz-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-webkit-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-o-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-ms-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
}

Du meinst den Eintrag von Kniefall? Er/sie hat das

Der Hover hat Temperament, der "hovert" recht zackig :D
Kann man den verlangsamen,

@Gnupf

Ja klar und zwar damit:

ul#gb_posts li, ul#gb_posts li:hover {
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
}

Edit: das ist die Geschwindigkeit, die du bereits bei deinen Links festgelegt hast.

@Gnupf
Jetzt habe ich etwas besseres:

Ersetze mal

ul#gb_posts li:hover {
-moz-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-webkit-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-o-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
-ms-transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
transform: scale(1) rotate(360deg) translate(20px, 0px) skew(320deg, 0deg);
}

mit

ul#gb_posts li:hover {
-moz-transform: skew(90deg, 90deg);
-webkit-transform: skew(90deg, 90deg);
-o-transform: skew(90deg, 90deg);
-ms-transform: skew(90deg, 90deg);
transform: skew(90deg, 90deg);
}

:)

moment... tel.

@Gnupf
Das finde ich geil, weil das zeigt was geschieht, wenn einer beim Schach mit einem Zug mist baut :)

klappt nicht wirklich, da beißt sich was

@Gnupf
Hast du den Code im ul#gb_posts li:hover ersetzt?

jupp, hatte ich hat gesponnen... total

@Gnupf
Komisch... bei mir geht's ja auch...

Füge bitte das hier ein, dann kann ich nochmal schauen:

ul#gb_posts li:hover {

}

habs komplett nochmal drin,

@Gnupf
Du musst das leer lassen, sonst ist der Eintrag beim hovern weg und ich kann nicht testen.

ok...

@Gnupf
Aha... jetzt habe ich den Fehler. Du hast den hier auch wieder rausgenommen, oder?

ul#gb_posts li, ul#gb_posts li:hover {
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
}

jupp, hab ich, ging ja nichts mehr

@Gnupf
Den brauchst du jetzt, sonst geht der Effekt nicht ;)

Den hab ich jetzt... irgendwas passt noch nicht

@Gnupf
Dann muss ich mal deinen kompletten Code checken. Warte ein paar Minuten, okay?

@Gnupf
Kann nicht klappen, du hast da ein paar Klammern übrig gelassen. Mom...