Increase transition duration for joy-mode animation in animeCat.js
This commit is contained in:
@@ -180,7 +180,7 @@ window.AnimeCat = class AnimeCat {
|
|||||||
img.src = this.images.joy || this.images.default;
|
img.src = this.images.joy || this.images.default;
|
||||||
|
|
||||||
// Wrapper animieren: nach oben + rechts, leicht rotieren
|
// Wrapper animieren: nach oben + rechts, leicht rotieren
|
||||||
wrapper.style.transition = 'transform 0.4s cubic-bezier(.19,1,.22,1)';
|
wrapper.style.transition = 'transform 0.6s cubic-bezier(.19,1,.22,1)';
|
||||||
wrapper.style.transform = 'translateY(-70px) rotate(12deg)';
|
wrapper.style.transform = 'translateY(-70px) rotate(12deg)';
|
||||||
|
|
||||||
// Herzchen-Explosion starten
|
// Herzchen-Explosion starten
|
||||||
@@ -191,7 +191,7 @@ window.AnimeCat = class AnimeCat {
|
|||||||
// Nach weiteren 2.6s zurückfallen (gesamt ca. 3s joy-mode)
|
// Nach weiteren 2.6s zurückfallen (gesamt ca. 3s joy-mode)
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
// Rücksprung: nach unten
|
// Rücksprung: nach unten
|
||||||
wrapper.style.transition = 'transform 0.5s cubic-bezier(.19,1,.22,1)';
|
wrapper.style.transition = 'transform 0.8s cubic-bezier(.19,1,.22,1)';
|
||||||
wrapper.style.transform = 'translateY(0) rotate(0deg)';
|
wrapper.style.transform = 'translateY(0) rotate(0deg)';
|
||||||
// Bild zurück
|
// Bild zurück
|
||||||
img.src = this.images.default;
|
img.src = this.images.default;
|
||||||
|
|||||||
Reference in New Issue
Block a user