Свойство transform имеет множество функций, которые позволяют масштабировать, перемещать, вращать, наклонять и т. д. Ваши элементы. При использовании с псевдоклассами, такими как :hover, которые определяют определенное состояние элемента, свойство transform может легко добавить интерактивность вашим элементам.
Пример масштабирования элементов абзаца в 2,1 раза от их исходного размера, когда пользователь наводит на них курсор:
p:hover {
transform: scale(2.1);
}
Примечание. Применение преобразования (свойства transform) к элементу div также повлияет на все дочерние элементы, содержащиеся внутри div.
Задание:
- Добавьте правило CSS для состояния наведения курсора на div и используйте свойство transform для масштабирования элемента div в 1,1 раза от его исходного размера, когда пользователь наводит курсор на него.