Animieren.css-Klasse Mauszeiger nennen
Ich verwenden Sie diese Klasse zum animieren div/img-und andere: http://daneden.me/animate/
Ich brauche Aktivierung ".animated bounce" - Klasse Mauszeiger aber mit pseudo-div, ist das nicht problem nennen, wenn das laden der Seite
<div class="first">
<div class="second animated bounce">
For example content
</div>
<div>
Ich versuche dies aber natürlich funktioniert dies nicht für die show, was, die ich brauche.
.first:hover > .second
{.animated bounce}
- Bin nicht verstehen, was Sie versuchen, hier zu tun, aber das hier ->
{.animated bounce}
ist nicht korrekt, Sie sind nicht schachtelbar Klassen innerhalb von Klassen... - Ich will gelten .animated bounce-Klasse .zweitens, wenn der Benutzer die Maus bewegen Sie den Mauszeiger auf .erste
Du musst angemeldet sein, um einen Kommentar abzugeben.
Fügen Sie diese zusätzlichen Selektor
.first:hover>.second
zu, dass CSS-code:http://jsfiddle.net/gFXcm/8/
Ich bin mir nicht sicher, aber Sie können versuchen kopieren Sie alle css-Regeln .bounce-element animieren.css in solchen Selektor:
Können Sie auch JS, wenn es nicht funktioniert (keine Ahnung, habe es noch nicht getestet)
oder einfacher mit jQuery
Hoffe es hilft
BEARBEITEN
Vergessen, dass es animiert ständig, ich quess können Sie wahrscheinlich wollen, um es zu stoppen auf dem mouseout-Ereignis. Ich fand einige Fehler, die in reinem JS Versuch, als auch - aktualisiert-code über
Vielleicht
.animierte.bounce {
animation-name:dont-bounce
}
.Erstens:hover > .animierte.bounce {
animation-name: bounce
}
Müssen Sie alle Anbieter Präfixe auch. Aber die jQuery version ist besser.
Sorry, kann nicht verwenden Sie den code-tag, ich Schreibe vom Handy.