Анимированное соединение точек

Анимация двигается по бекграунду вслед за курсором мыши и отлично подойдет для космической тематики

Пример:

Текст на фоне

HTML:

CSS:

JS:

Подключаем скрипт, в который входят необходимые библиотеки и сама анимация.

Цвета:

ctx.strokeStyle = 'rgba(156,217,249,'+ p.active+')'; в функции drawLines - цвет линий

ctx.fillStyle = 'rgba(133, 245, 246,'+ _this.active+')' в функции Circle - цвет точек


Найдено на codepen.io у пользователя Marco Guglielmelli
Фотография: geralt

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Артём:

    Не работает. И по типу такой же только постоянное самодвижение точек с этого сайта тоже не работает. А остальные работают, а хочется анимированные точки такие. В чем проблема? Что там с кодами у этих анимаций?

    Ответить
    • Артём:

      Все понятно. Все понятно. Я косячник, разобрался.

      Ответить
  • Владислав:

    А где настройку цветов писать и как?

    Ответить
    • Alexander:

      в JS, который подключается, найдите там поиском.

      Ответить
  • Анатлий:

    Добрый день помогите не могу встроить его в блок с текстом, либо его видно или текст а как его встроить?? что бы не перекрывал

    Ответить