Vous pouvez créer un effet de vague avec CSS en utilisant des animations de keyframe et la propriété background-position. Voici un exemple simple :
```
@keyframes wave-effect {
0% {
background-position: 0%;
}
50% {
background-position: 70%;
}
100% {
background-position: 0%;
}
}
.vague {
background: url(‘chemin/vers/votre/image/vague.png’) repeat-x;
animation: wave-effect 3s linear infinite;
}
```
Cette classe CSS animera l’image d’arrière-plan dans un mouvement de va-et-vient, ce qui créera un effet de vague. Vous pouvez ajuster la vitesse de l’animation en changeant les valeurs de la propriété animation.
Remarque : La clé pour créer un beau mouvement de vague est d’avoir une image de vague qui se répète bien horizontalement. N’oubliez pas aussi que l’utilisation d’images animées peut augmenter la charge de votre site web, alors utilisez cette technique avec prudence.
Note: Le code CSS ci-dessus ne fonctionnera pas si l’image de la vague n’est pas bien choisi. L’image doit avoir une forme répétitive afin de créer l’illusion d’un mouvement de vague continu.
