Свойство transform имеет множество функций, которые позволяют масштабировать, перемещать, вращать, перекосить и т. Д. Ваши элементы. При использовании с псевдоклассами, такими как :hover которые определяют определенное состояние элемента, свойство transform может легко добавлять интерактивность к вашим элементам. Ниже приведен пример масштабирования элементов абзаца в 2.1 раза по сравнению с их первоначальным размером, когда пользователь на них наводит:

p: hover {
transform: масштаб (2.1);
}

Добавьте правило CSS для состояния hover div и используйте свойство transform для масштабирования элемента div до 1,1 раз по сравнению с его первоначальным размером, когда пользователь на него наводится.

Учитывая, что skewX() выделенный элемент вдоль оси X на заданную степень, неудивительно, что skewY() элемент вдоль оси Y (по вертикали).

Перекосите элемент с идентификатором top -10 градусов по оси Y, используя свойство transform .

Следующей функцией свойства transform является skewX() , которая искажает выбранный элемент вдоль его оси X (горизонтальной) на заданную степень. Следующий код перекосит элемент абзаца на -32 градуса по оси X.

п {
transform: skewX (-32deg);
}

Перекосите элемент с bottom на 24 градуса по оси X, используя свойство transform .

Свойство transform имеет множество функций, которые позволяют масштабировать, перемещать, вращать, перекосить и т. Д. Ваши элементы. При использовании с псевдоклассами, такими как :hover которые определяют определенное состояние элемента, свойство transform может легко добавлять интерактивность к вашим элементам. Ниже приведен пример масштабирования элементов абзаца в 2.1 раза по сравнению с их первоначальным размером, когда пользователь на них наводит:

p: hover {
transform: масштаб (2.1);
}

Добавьте правило CSS для состояния hover div и используйте свойство transform для масштабирования элемента div до 1,1 раз по сравнению с его первоначальным размером, когда пользователь на него наводится.