Allmystery
Menschen Wissenschaft Politik Mystery Kriminalfälle Spiritualität Verschwörungen Technologie Ufologie Natur Umfragen Unterhaltung
weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturAstronomieHelpdeskGruppenGamingFilmeMusikClashVerbesserungenAllmysteryEnglish
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

Do it yourself: CSS für Profil und Blog

6.817 Beiträge ▪ Schlüsselwörter: Allmystery, Hilfe, Welt ▪ Abonnieren: Feed E-Mail
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.07.2015 um 17:52
Das ist der Link, der Probs macht, denke, der gehört extra angesprochen


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 17:53
@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


melden
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

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


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:06
@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.


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:20
@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);
}

:)


melden
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:22
moment... tel.


melden

Do it yourself: CSS für Profil und Blog

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


melden
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:26
klappt nicht wirklich, da beißt sich was


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:28
@Gnupf
Hast du den Code im ul#gb_posts li:hover ersetzt?


melden
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:28
jupp, hatte ich hat gesponnen... total


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:30
@Gnupf
Komisch... bei mir geht's ja auch...

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

ul#gb_posts li:hover {

}


melden
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:31
habs komplett nochmal drin,


melden

Do it yourself: CSS für Profil und Blog

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


melden
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:34
ok...


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:35
@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;
}


melden
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:35
jupp, hab ich, ging ja nichts mehr


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:36
@Gnupf
Den brauchst du jetzt, sonst geht der Effekt nicht ;)


melden
Gnupf ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:38
Den hab ich jetzt... irgendwas passt noch nicht


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:39
@Gnupf
Dann muss ich mal deinen kompletten Code checken. Warte ein paar Minuten, okay?


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:42
@Gnupf
Kann nicht klappen, du hast da ein paar Klammern übrig gelassen. Mom...


melden