CSS Animationen kombinieren

[T-Rex]

Moin,

Wenn du dich für hover entscheidest und dein beschriebenes Problem beheben willst, empfehle ich dir einen unsichtbaren Helper. <div class='helper'><div class='logo'></div></div>

Den Helper kannst du jetzt größer aber auch kleiner als das Element machen (oder gar in der Form ändern). Er sollte unsichtbar sein. Wenn der Helper z.B. 200x200px groß ist und das logo 100x100px, dann funktioniert der Hover in dem 200x200px großen Bereich. Du kannst es auch mit 100x100px anfangen lassen (somit also die Größe des Logos) und bei hover auf 200x200px vergrößern (natürlich ohne Animation 😉). Wichtig ist nur dass du deine css angaben umschreibst. Statt .logo:hover steht da jetzt .helper:hover .logo.

Da du jedoch etwas von "anstupsen" schreibst, wird hover wohl nicht das richtige für dich sein. Es klingt so als ob du etwas mit hover einschalten möchtest, aber dann dem USer die Möglichkeit nehmen möchtest mittels hover die Geschichte auch wieder aus zu schalten. Kurz, klingt nach etwas echt nervigem. Also entweder lässt du das hover die ganze Zeit oder du bedienst dich eines clickes.

Gruß
T-HoveRex