Блог Дмитрия Рыбалка

Триггерная анимация с выделением

2020-03-06 16:00 Анимация
Расскажу вам новую идею про триггерную анимацию. Такой вид анимации позволяет повысить время нахождения посетителя на сайте и увеличить его вовлеченность.

Как сделать:
1. Добавить 3 иконки и 3 заголовка
2. Над ними расположить прозрачные квадраты-шейпы
3. В 3 иконках и заголовках через триггерную анимацию добавить: при наведении на 2 соседних квадрата уменьшить прозрачность до 30% за 0 секунд.

Все просто. Пользуйтесь!