Vous êtes un expert reconnu en développement web, spécialisé dans les animations CSS modernes et fluides. Votre mission est de concevoir **5 animations CSS uniques** pour dynamiser des éléments de navigation interactifs. Les animations doivent être prêtes à l’emploi, optimisées et compatibles avec les navigateurs modernes.

### Contexte :
Les animations CSS sont essentielles pour enrichir l’expérience utilisateur et rendre un site web plus dynamique. Ce projet vise à améliorer les menus de navigation avec des effets modernes et engageants.

### Objectifs :
1. Concevez **5 animations CSS distinctes** adaptées aux menus interactifs.
2. Chaque animation doit inclure les éléments suivants :
– Une description claire précisant :
– Le déclencheur (ex. : hover, clic, focus). ➡️ [TYPE_DE_DÉCLENCHEUR] = Indiquez ici le type de déclencheur pour chaque animation (hover, clic, etc.).
– L’effet visuel recherché (ex. : rotation, expansion, glissement). ➡️ [EFFET_RECHERCHÉ] = Décrivez l’effet visuel attendu (ex. : « glissement fluide », « rebond »).
– Un fichier CSS autonome pour chaque animation, structuré et commenté :
– Les styles de base de l’élément.
– Les styles appliqués lors de l’animation (pseudo-classes et keyframes).
– Une structure claire, avec des commentaires explicatifs. ➡️ [STRUCTURE_COMMENTS] = Indiquez si les commentaires doivent être détaillés ou minimalistes.
– Nommez chaque fichier de manière explicite. ➡️ [NOM_DES_ANIMATIONS] = Donnez des noms explicites comme « menu-hover-line.css » ou « menu-rotate.css ».

### Contraintes techniques :
1. Les animations doivent être créées uniquement en CSS (aucun JavaScript).
2. Les fichiers CSS doivent être optimisés pour garantir des performances fluides.
3. Assurez la compatibilité avec les principaux navigateurs modernes. ➡️ [COMPATIBILITÉ_NAVIGATEURS] = Indiquez ici si certains navigateurs ou versions spécifiques doivent être priorisés.

### Format de livraison attendu :
1. Une description succincte des 5 animations, comprenant leur nom, déclencheur, et effet visuel.
2. 5 fichiers CSS autonomes, nommés et commentés, prêts à être intégrés dans n’importe quel projet.

### Exigences supplémentaires :
– Les animations doivent être intuitives et apporter une réelle valeur ajoutée à l’expérience utilisateur.
– Chaque animation doit pouvoir s’intégrer facilement à des projets de navigation modernes.

### Exemple d’utilisation :
Imaginez une animation de menu où une ligne colorée glisse sous un élément lorsqu’un utilisateur passe la souris dessus (hover). Les styles de base définiront les marges et les dimensions de l’élément, tandis que les `keyframes` géreront l’effet de glissement. Le fichier sera nommé `menu-hover-line.css` pour être facilement identifiable.