Эффекты для логотипов и интерфейсов. Настройте параметры на живом примере и скопируйте их в код.
Буквы рядом с курсором расширяются по оси ширины вариативного шрифта, остальные сужаются, и слово всегда занимает ширину контейнера. Без мыши волна сама идёт по слову. Этот эффект стоит на главной странице.
«Скопировать код» — стили, разметка и скрипт эффекта для вставки на сайт; если браузер не даёт доступ к буферу, код скачается файлом. «Скачать код» — готовая HTML-страница с инструкцией для ИИ-ассистента.
Изображение по описанию
Прозрачный фон
Больше деталей
Модели в ваших приложениях
Один баланс на всё
Карточки лежат веером под случайными углами. Наведите курсор: карточка выпрямляется и чуть увеличивается, соседние отъезжают в стороны и открывают её целиком.
«Скопировать код» — стили, разметка и скрипт эффекта для вставки на сайт; если браузер не даёт доступ к буферу, код скачается файлом. «Скачать код» — готовая HTML-страница с инструкцией для ИИ-ассистента.
Сетка точек на canvas. По ней медленно идёт диагональная волна, а вокруг курсора точки расходятся и пружинят обратно. Подходит фоном для карточки или блока.
«Скопировать код» — стили, разметка и скрипт эффекта для вставки на сайт; если браузер не даёт доступ к буферу, код скачается файлом. «Скачать код» — готовая HTML-страница с инструкцией для ИИ-ассистента.
Строки, разделённые тонкими линиями. Под строкой с курсором снизу выезжает плашка, а когда курсор уходит, она уезжает дальше вверх. Название и значение при этом чуть съезжаются навстречу друг другу. Подходит для прайса, меню или списка проектов.
«Скопировать код» — стили, разметка и скрипт эффекта для вставки на сайт; если браузер не даёт доступ к буферу, код скачается файлом. «Скачать код» — готовая HTML-страница с инструкцией для ИИ-ассистента.
Эффекты наведения для меню, ссылок и кнопок. В перекате слово уезжает вверх, а снизу выкатывается его бледная копия. В перетекании так же катится каждая буква, чуть позже предыдущей. Подчёркивание прорисовывается слева и уходит вправо. У кнопки квадрат со стрелкой уезжает вправо, а надпись плавно встаёт по центру. У кнопки-колеса надпись уезжает по дуге, будто на большом колесе, а на её место приезжает копия. С клавиатуры всё работает так же, как мышью.
«Скопировать код» — стили, разметка и скрипт эффекта для вставки на сайт; если браузер не даёт доступ к буферу, код скачается файлом. «Скачать код» — готовая HTML-страница с инструкцией для ИИ-ассистента.
