Um einen schwebenden Schatten in CSS zu erstellen, können Sie die CSS-Eigenschaft “box-shadow” verwenden. Hier ist ein einfaches Beispiel:
```css
.element {
width: 200px;
height: 200px;
background-color: #4CAF50;
position: relative;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
transition: all 0.3s ease;
}
.element:hover {
box-shadow: 0 30px 40px rgba(0,0,0,0.19), 0 16px 20px rgba(0,0,0,0.23);
transform: translateY(-10px);
}
```
Im obigen Beispiel wird dem Element mit der Klasse `.element` ein Schatten hinzugefügt. Wenn Sie über das Element fahren, ändert sich der Schatten (um einen “schwebenden” Effekt zu erzielen) und das Element bewegt sich etwas nach oben (`transform: translateY(-10px)`). Der Übergangseffekt wird durch die CSS-Eigenschaft “transition” hinzugefügt.
Beachten Sie, dass Sie die Werte in `box-shadow` und `transform` anpassen können, um die Größe, Position und Unschärfe des Schattens sowie die Höhe, zu der das Element “schwebt”, zu verändern.
