Je kunt het zoom-effect bij het zweven met CSS bereiken door de eigenschap `transform: scale()` te gebruiken in combinatie met een hover pseudo-klasse. Hier is een voorbeeld:
```
div {
width: 100px;
height: 100px;
background-color: red;
transition: transform .2s; /* animatie */
}
div:hover {
transform: scale(1.5); /* zoom in 150% */
}
```
In dit voorbeeld, wanneer je over het div-element zweeft, zal het vergroten naar 150% van zijn originele grootte, dat is het zoom-effect. De transitieregel maakt de vergroting geleidelijk over een periode van 0.2 seconden, wat resulteert in een vloeiende zoom-animatie.
Pas de breedte, hoogte en achtergrondkleur aan naar wens om dit voorbeeld in jouw situatie te laten werken.
Bedenk ook dat de `scale()` functie een getal als parameter neemt waarbij 1.0 de element op de originele grootte houdt, getallen minder dan 1.0 zullen het element kleiner maken, terwijl getallen groter dan 1.0 het element zullen vergroten of inzoomen.
