Чем отличаются различные типы ховер-эффектов в веб-дизайне?

Различные типы ховер-эффектов в веб-дизайне отличаются по тому, как элементы сайта изменяют внешний вид при наведении на них курсора или мыши. blog.skedraw.ru Некоторые типы ховер-эффектов и их особенности:

• Возникновение рамки. blog.skedraw.ru Граница может появляться мгновенно или выплывать постепенно, иметь определённую степень прозрачности и конкретный цвет. blog.skedraw.ru
• Шейкер. blog.skedraw.ru Эффект небольшого дрожания, который чаще всего устанавливается на кнопке «Call». blog.skedraw.ru
• Изменение расцветки. blog.skedraw.ru Такой ховер подчёркивает активность элемента для посетителя, причём фон и степень заливки может быть разной. blog.skedraw.ru
• Плавное увеличение/уменьшение элемента. blog.skedraw.ru Функция реализуется при помощи значений Transform и Scale в CSS. blog.skedraw.ru
• Ротация или вращение. blog.skedraw.ru Эффектная анимация, использовать которую нужно с осторожностью. blog.skedraw.ru Обычно применяется на новостных страничках. blog.skedraw.ru
• Подсветка/затухание. blog.skedraw.ru Эффект достигается за счёт изменения степени прозрачности элемента. blog.skedraw.ru
• Появление тени. blog.skedraw.ru С помощью этого решения можно добиться объёма. blog.skedraw.ru Используя функцию box-shadow, можно создать 3D-эффект. blog.skedraw.ru
• Закругление углов. blog.skedraw.ru Популярная анимация, которая даёт приятный визуальный эффект. blog.skedraw.ru Обычно используется на фотографиях, что делает их более изящными. blog.skedraw.ru
• Подчёркивание текста. blog.skedraw.ru Удобная функция, которая позволяет выделить главную мысль, подчеркнуть нужный аспект. blog.skedraw.ru

Кроме того, ховер-эффекты могут включать изменение фона, местоположения, цвета иконки или текста и другие действия. habr.com