scale() stelt ons in staat om de grootte van een element te vergroten of te verkleinen. Ook kunnen we een element alleen verticaal schalen met de eigenschap scaleY() of alleen horizontaal met de eigenschap scaleX().

transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);

De waarden voor de scale-functies moeten zonder eenheid zijn. Standaard is de waarde 1, wat betekent dat er geen wijzigingen worden aangebracht.

• De scale()-functie kan twee waarden krijgen. De eerste (X-value) is het getal dat de horizontale schaalvergroting aangeeft. De tweede (Y-value) is het getal dat de verticale schaalvergroting aangeeft. Als we één waarde instellen, past de browser deze toe op zowel de horizontale als verticale schaal;
• De functies scaleX en scaleY krijgen één waarde en schalen een element respectievelijk horizontaal en verticaal.

Laten we oefenen en schaalvergroting toevoegen aan de volgende elementen: