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 — это мощное свойство, которое позволяет создавать разнообразные эффекты увеличения и уменьшения элементов.
