/* Appliquer uniquement à cette classe */ .wave-link { font-size: 10px; /* Réduit la taille de la police */ color: #fff; /* Texte blanc */ text-decoration: none; display: inline-block; position: relative; } .wave-link span { display: inline-block; animation: wave 4s linear infinite; /* Vitesse de l'animation réduite */ color: #fff; /* Texte en blanc par défaut */ } /* Animation pour l'effet de vague */ @keyframes wave { 0% { color: #fff; /* Départ en blanc */ } 50% { /* color: #632a8e; /* Milieu en violet */ color: #0cd2df; /* Milieu en Bleu ciel */ } 100% { color: #fff; /* Fin en blanc */ } } /* Délai progressif pour chaque lettre */ .wave-link span:nth-child(1) { animation-delay: 0s; } .wave-link span:nth-child(2) { animation-delay: 0.2s; } .wave-link span:nth-child(3) { animation-delay: 0.4s; } .wave-link span:nth-child(4) { animation-delay: 0.6s; } .wave-link span:nth-child(5) { animation-delay: 0.8s; } .wave-link span:nth-child(6) { animation-delay: 1s; } .wave-link span:nth-child(7) { animation-delay: 1.2s; } .wave-link span:nth-child(8) { animation-delay: 1.4s; } .wave-link span:nth-child(9) { animation-delay: 1.6s; } .wave-link span:nth-child(10) { animation-delay: 1.8s; } .wave-link span:nth-child(11) { animation-delay: 2s; } .wave-link span:nth-child(12) { animation-delay: 2.2s; } .wave-link span:nth-child(13) { animation-delay: 2.4s; } .wave-link span:nth-child(14) { animation-delay: 2.6s; }