Code in JSFiddle:
Ich möchte jQuery verwenden, um die Animationsgeschwindigkeit eines CSS-animierten Atoms bei einem Mouseover auf einen Crawl zu verlangsamen, aber mit einer Art Lockerung. Ich kann jQuery dazu bringen, den Wiedergabestatus einfach auf pausiert zu setzen, aber langsamer zu crawlen scheint härter.
HTML
%Vor%CSS:
%Vor%JS:
%Vor%Danke
Der einfachste Weg, wie ich es mache, wäre, etwas wie GSAP zu verwenden, das diese Funktionalität ziemlich einfach ermöglicht. Möglicherweise könnte man ohne eine Bibliothek wie GSAP, aber es wäre unglaublich kompliziert, zeitaufwendig, wahrscheinlich nervös und schlechter.
Wenn jedoch eine Bibliothek wie GSAP eingeführt wird, wird es etwas einfacher. Hoffentlich helfen die Kommentare ein wenig bei der Erklärung des Codes
Im Wesentlichen habe ich die Animationen mit GSAP neu erstellt, sie auf eine Timeline gelegt und die Zeitleiste bei Hover
verlangsamt %Vor%Tags und Links javascript html jquery css animation