+
+
Transparent
+
Alle Daten auf einer Seite.
-
-
Priorisiert
-
Alarm zur Aktion.
+
+
Priorisiert
+
Alarm zur Aktion.
-
-
Handlungsfähig
-
Echte Steuerungs-Hebel.
+
+
Handlungsfähig
+
Echte Hebel statt Listen.
+
"Du katapultierst uns damit definitiv in eine modernere Zukunft."
@@ -394,31 +445,29 @@
}
});
- tl.to(`#${visualId} .screenshot-frame, #${visualId} .kpi-card, #${visualId}`, {
- opacity: 1,
- x: 0,
- duration: 1.2,
- ease: "expo.out"
- });
+ tl.to(`#${visualId}`, { opacity: 1, x: 0, duration: 0.8, ease: "power2.out" });
// Mini-Animations
+ if (slideId === "slide2") {
+ tl.to("#dgsGrid .data-cell", { opacity: 1, y: 0, stagger: 0.1, duration: 0.5 }, "-=0.4");
+ }
if (slideId === "slide3") {
- tl.to("#bar3", { width: "20%", duration: 2, ease: "expo.out" }, "-=0.5");
+ tl.to("#bar3", { width: "20%", duration: 1.5, ease: "power4.out" }, "-=0.5");
}
if (slideId === "slide4") {
- tl.to("#bar4a", { width: "42%", duration: 1.2, ease: "power2.out" }, "-=0.8");
- tl.to("#bar4b", { width: "65%", duration: 1.5, ease: "expo.out" }, "-=1.0");
+ tl.to("#bar4a", { width: "42%", duration: 1, ease: "power2.out" }, "-=0.5");
+ tl.to("#bar4b", { width: "65%", duration: 1.2, ease: "power2.out" }, "-=0.8");
}
if (slideId === "slide6") {
tl.to("#count6", {
innerHTML: 11216,
- duration: 3,
- snap: { innerHTML: 1 },
+ duration: 2.5,
+ snap: { innerHTML: 50 },
ease: "power2.out"
- }, "-=0.8");
+ }, "-=0.5");
}
}
});
-
- 
+ 
+ 
+