В продолжение к позавчерашнему посту, покажем на этом же макете, как легко и быстро сделать еще один классный эффект.
Тут нам поможет ANNEXX, в котором нам нужен конструктор курсоров.
В примере сделали так:
1 курсор:
• Выбрав блок конструктора курсоров, зададим курсор всей странице.
Им выступит обычный, немного размытый, circle.
• Чтобы новый курсор увеличивался при наведении на нужные элементы, в контенте блока выбираем эти элементы и количество % на которые он увеличится.
• Также, курсору можно задать эффект (например, самый популярный difference), анимацию и ещё много настроек.
2 курсор:
• В контенте блока «конструктор курсоров» есть возможность также настроить курсор для элементов и блоков.
В примере выбрали курсор для блоков, чтобы картинка-курсор работала на всей площади блока.
• Выбираем нужный блок и выбираем новый курсор-картинку. Ставим ему увеличение, чтобы была разница с тем изображением, что уже есть в блоке.
• Тоже самое проделываем с другими блоками, проверяем, чтобы выбраные ранее блоки не цеплялись перед выбором нового.
Подробный процесс и шаги смотрите на видео