transform: scale() в CSS — это свойство, которое позволяет изменять размеры элемента без изменения его фактических размеров в HTML-коде.

Синтаксис transform: scale():

transform: scale(x, y);

Здесь x и y — это значения, определяющие масштаб элемента по горизонтали и вертикали соответственно. Если значение y не указано, оно автоматически примет то же значение, что и x. Значения могут быть отрицательными, что приведет к перевороту элемента. Относительные значения могут быть указаны с использованием процентов, которые будут вычислены от текущего размера элемента.

Например, чтобы удвоить размер элемента по горизонтали и вертикали, можно использовать следующий код:

transform: scale(2, 2);

Также можно использовать значение 0 для скрытия элемента.

transform: scale() часто используется для создания эффектов увеличения изображений и элементов при наведении курсора мыши.

Например, чтобы увеличить изображение при наведении курсора мыши, можно использовать следующий код:

img:hover {
  transform: scale(1.2);
}

В этом примере мы используем псевдокласс :hover, чтобы применить свойство transform: scale() только тогда, когда указатель мыши находится над изображением.

transform: scale() в CSS — это мощное свойство, которое позволяет создавать разнообразные эффекты увеличения и уменьшения элементов.