Een schaaleffect kan worden bereikt met CSS door gebruik te maken van de `transform: scale()` eigenschap. Binnen de haakjes, kunt u de schaalfactor definiëren met een getal, waarbij 1 de oorspronkelijke grootte van het item is. Wanneer u wilt dat er iets gebeurt wanneer de gebruiker met de muis over het element beweegt, kunt u gebruik maken van de `:hover` pseudoklasse.
Hier is een simpel voorbeeld:
```
.myElement {
transition: transform 0.3s ease-in-out;
}
.myElement:hover {
transform: scale(1.5);
}
```
In dit voorbeeld zal `myElement` 1,5 keer groter worden wanneer de muis erover zweeft. De overgangseigenschap zorgt ervoor dat de schaal verandering geleidelijk gebeurt, in plaats van direct, gedurende een periode van 0,3 seconden. De `ease-in-out` zorgt voor een gladde snelheidscurve, die langzaam begint, snel is in het midden, en weer vertraagt aan het eind van de transformatie.
