Animations utilisées pour marquer la transition lorsque les applications s'ouvrent et se ferment.
Ouverture d'applications
Visualisation
Code
/* Agrandissement des icônes */
animation: openAppIcons 0.3s forwards ease;
@keyframes openAppIcons {
0% { transform: scale(1.0); }
100% { transform: scale(1.8); }
}
/* Affichage de l'application */
animation: openApp 0.3s forwards ease;
@keyframes openApp {
0% { transform: scale(0.1); opacity: 0; }
100% { transform: scale(1.0); opacity: 1; }
}
Fermeture d'applications
Visualisation
Code
/* Rétrécissement des icônes */
animation: closeAppIcons 0.3s forwards ease;
@keyframes closeAppIcons {
0% { transform: scale(1.8); }
100% { transform: scale(1.0); }
}
/* Masquage de l'application */
animation: closeApp 0.3s forwards ease;
@keyframes closeApp {
0% { transform: scale(1.0); opacity: 1; }
100% { transform: scale(0.1); opacity: 0; }
}