82 lines
1.6 KiB
CSS
82 lines
1.6 KiB
CSS
/**
|
|
* MYP Platform - Raspberry Pi optimierte minimale Animationen
|
|
* Nur absolut notwendige, performance-freundliche Animationen
|
|
*/
|
|
|
|
/* ===== NUR OPACITY-FADE (GPU-freundlich) ===== */
|
|
@keyframes fade-in {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.animate-fade-in {
|
|
animation: fade-in 0.15s ease-out;
|
|
}
|
|
|
|
/* ===== REDUZIERTE PROGRESS BAR (ohne Transform) ===== */
|
|
.progress-fill {
|
|
transition: width 0.8s ease-out;
|
|
}
|
|
|
|
/* ===== MINIMAL LOADING PULSE ===== */
|
|
@keyframes simple-pulse {
|
|
0%, 100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
|
|
.animate-pulse-simple {
|
|
animation: simple-pulse 2s infinite ease-in-out;
|
|
}
|
|
|
|
/* ===== BASIC SUCCESS FADE ===== */
|
|
@keyframes simple-success {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.animate-success {
|
|
animation: simple-success 0.2s ease-out;
|
|
}
|
|
|
|
/* ===== MINIMALE UTILITY CLASSES ===== */
|
|
.animate-smooth {
|
|
transition: opacity 0.1s ease;
|
|
}
|
|
|
|
.animate-smooth-fast {
|
|
transition: opacity 0.05s ease;
|
|
}
|
|
|
|
/* ===== ALLE TRANSFORM-ANIMATIONEN ENTFERNT ===== */
|
|
/* Entfernt: slide-up (translateY) */
|
|
/* Entfernt: hover-lift (translateY) */
|
|
/* Entfernt: scale animations */
|
|
/* Entfernt: will-change properties */
|
|
|
|
/* ===== RESPONSIVE ANPASSUNGEN ===== */
|
|
@media (max-width: 768px) {
|
|
.animate-fade-in {
|
|
animation-duration: 0.1s;
|
|
}
|
|
}
|
|
|
|
/* ===== REDUZIERTE BEWEGUNG UNTERSTÜTZUNG ===== */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
* {
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
transition-duration: 0.01ms !important;
|
|
}
|
|
} |