Klasse hinzufügen mit: hover mit CSS

Ich sage zuerst, dass ich Javascript nicht verwenden kann.Klasse hinzufügen mit: hover mit CSS

Also meine Frage ist das: Ich möchte eine Klasse zu einem Element hinzufügen können, wenn die Maus es schwebt. Ich kann die Stile nicht in den: Hover einfügen, weil sie viele sind.

Ich benutze animate.css in meiner Seite. Es gibt Unmengen von Effekten, und ich möchte zum Beispiel die Klasse "fadeInUp" hinzufügen, wenn der Benutzer ein Element auf der Seite bewegt. Dies mit JavaScript zu tun wäre trivial, aber wie wäre es mit CSS? Ist es möglich, eine Klasse hinzuzufügen, wenn: hover?

Quelle

2017-08-20 Samul

Sie können keine Klasse mit CSS hinzufügen. Je nachdem, was Sie vorhaben, können Sie den Effekt des Hinzufügens einer Klasse nachahmen. Bitte erstellen Sie ein Beispiel. –

Natürlich können Sie Javascript verwenden, um eine Klasse bei mouseIn oder mouseOut Events hinzuzufügen/zu entfernen. – Nisarg

Ich sehe nicht, warum Sie nicht einfach eine andere benutzerdefinierte Klasse hinzufügen und an: Hover geben Sie die Stile der gewünschten Klasse. Wenn es viele Stile gibt, ist es immer noch dasselbe wie eine Klasse mit vielen Stilen. –

Ganz einfach, Nr

Angenommen ich Sie richtig bekam, möchten Sie eine Klasse hinzufügen.
Das ist nicht möglich.

Wenn Sie jedoch wollten, können Sie den css-Code, den Sie benötigen, aus der genannten animate.css-Datei kopieren und auf die Pseudo-Klasse :hover anwenden.

Es gibt keine Möglichkeit für CSS, mit den Klassen und IDs direkt anders als mit seinen Pseudoklassen zu manipulieren.

Hoffe, dass geholfen hat!

Quelle

2017-08-20 14:56:38 Mark

Klasse hinzufügen mit: hover mit CSS

Antwort

Verwandte Themen