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

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

Пример:

Текст на фоне

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, который подключается, найдите там поиском.

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

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

    Ответить