@Alexey10

Как сделать эффект волны при наведении jquery?

Ребят, всем привет))
Как мне сделать блок линию, при наведении она ведет себя как волна. Вот пример https://www.sibirix.ru/ ? .
Или логику работы напишите пожалуйста, то чет ничего в голову не лезет. Всем спасибо за помощь))
  • Вопрос задан
  • 276 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
Генерим кучу элементов (на каждый штрих).
Отслеживаем мышь над компонентом.
По X-координате рассчитываем функцию синуса для двух периодов.
По Y-координате вносим небольшой коээффициент, чтобы высота волны реагировала на положение мыши по вертикали (опционально)
По этим значениям раскидываем близлежащим элементам стили трансформаций (translateY(computedValue))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы