CSS Zoom Özelliği ile Bir Öğe Nasıl Küçültülür veya Büyütülür

Bazen, özellikle bir sayfa tasarlarken, bir öğeyi daha küçük veya daha büyük görünecek şekilde ölçeklendirme ihtiyacı duyabilirsiniz.

Herhangi bir HTML öğesini ölçeklendirmek için CSS’de yer alan zoom özelliğini kullanabilirsiniz.

Bir öğeyi küçültmek için <1 değerini kullanın. Örneğin, boyutun yarısı 0.5:

div {
  zoom: 0.5;
}

veya öğeyi büyütmek için >1 değerini kullanın, bu durumda olduğu gibi 2x ölçeklendirin:

div {
  zoom: 2;
}