Pour créer une ombre flottante en CSS, vous pouvez utiliser la propriété `box-shadow`. La syntaxe typique ressemble à ceci :
```
box-shadow: (décalage horizontal) (décalage vertical) (blur rayon) (couleur);
```
Par exemple :
```
div {
box-shadow: 10px 10px 5px grey;
}
```
Pour créer un effet “flottant”, vous pouvez ajouter une animation en CSS.
```
@keyframes float {
0% {
transform: translatey(0px);
box-shadow: 0 30px 20px -20px rgba(0,0,0,0.4);
}
50% {
transform: translatey(-20px);
box-shadow: 0 50px 40px -20px rgba(0,0,0,0.4);
}
100% {
transform: translatey(0px);
box-shadow: 0 30px 20px -20px rgba(0,0,0,0.4);
}
}
div {
animation: float 5s infinite;
}
```
Ceci crée un mouvement de flottement (en haut et en bas) et ajuste également l’ombre pour correspondre au mouvement.
