🧩 Exercice : Créer un bouton animé avec @keyframes
🎯 Objectif
Créer un bouton moderne qui “pulse” grâce à une animation CSS.
📝 Consignes
- Créer un bouton avec la classe pulse-btn.
- Donner un style moderne au bouton (couleur, arrondi, ombre).
- Créer une animation @keyframes pulse.
- Le bouton doit :
- grandir légèrement,
- rétrécir,
- changer d’ombre,
- boucler à l’infini.
- Appliquer l’animation au bouton.
🧱 Structure HTML imposée
<button class="pulse-btn">Clique-moi</button>
🎨 CSS attendu
L’élève doit produire un CSS qui :
- crée une animation avec @keyframes,
- utilise transform: scale(),
- utilise box-shadow,
- applique animation: ... infinite.