Полигоны появляются случайным образом и меняют свой цвет через промежуток времени.

Пример:

Перерисовка полигонов происходит по клику на них.

HTML:

CSS:

JS:

Подключаем скрипт: polygon.js

Некоторые настройки:

const pauseDuration - пауза перед сменой цвета в миллисекундах

drawPolygon(lp, rShrink,`rgba(255, 255, 255, 0.5)`, color, 2) - цвет фона заполнения

ctx.fillStyle = '#FFF' - изначальный цвет фона


Найдено на codepen.io у пользователя Dillon

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

Фоновый эффект, создающий лучи солнца из угла фотографии

Анимированный фон для блока или страницы с движущимися трапециями

Фон для секции или всей страницы с разноцветными существами, похожими на пипидастров

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

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