Какие существуют способы анимации элементов при наведении курсора?

Некоторые способы анимации элементов при наведении курсора:

• Использование свойства :hover. webref.ru Оно отвечает за стиль элемента при наведении на него курсора мыши. webref.ru Например, с его помощью можно изменить параметры шрифта, цвет текста, фона, толщину рамки и некоторые другие характеристики. webref.ru Чтобы сделать смену плавной, к селектору добавляют свойство transition, которое устанавливает время перехода. webref.ru
• Создание анимации с помощью CSS. sky.pro webformyself.com Например, элементы могут подниматься на определённое количество пикселей вверх при наведении курсора. sky.pro Для этого определяют стили для элементов и добавляют анимацию при наведении курсора с помощью свойства transform. sky.pro
• Использование JavaScript. sky.pro С его помощью можно добавить дополнительную интерактивность или анимацию, которую нельзя реализовать с помощью CSS. sky.pro Например, при наведении курсора цвет фона элемента изменится, а при убирании курсора — вернётся обратно. sky.pro