с анимациями в принципе понятно, там добавляется класс, вот как определить что начинается видимая область СПРАВА и добавляется класс, причем на разных разрешениях? есть ли плагин для этого или какой будет ход мыслей
а можно ли реализовать этот плагин как в моем примере, чтобы блоки анимиривались не снизу, а справа? как я посмотрел в этом плагине есть одна настройка в этом направлении - это начало анимации после прокрутки определенного числа пикселей от нижнего края
в ссылке находится два спана в каждом спане по svg иконке, одна активная которая изначально видна, а вторая трансформирована до сплюснутой и установлено opacity: 0;, при наведении активная кнопка немного трансформируется может даже едет немного вниз и становится opacity: 0; на ее место трансформируется из сплюснутого состояния в нормальное состояние другая иконка с уже заранее измененным цветом, цвет svg иконки задан в css - .active svg use {color: yellow;}, тут немного муторно будет найти точку относительно которой будет трансформироваться элемент с помощью transform-origin
тоже как вариант, мой пример конечно немного отличается от реального, на макете еще находится фоновая картинка i.imgur.com/v5WzgWV.jpg )) и еще меня смущает css3
мне надо менюху двигать пальцем i.imgur.com/iCc5jpZ.png , хотел приделать Owl-carousel но она двигает по секциям, а тут надо тянуть один длинный блок с возможностью скролить по секциям (секции разной длины)