Следующая за курсором разноцветная лента

Движение ленты происходит средствами JS в заданной области <canvas> без использования дополнительных библиотек.

Пример:

Поводите мышкой по изображению ниже

  • Для примера использовалась фотография "gymlines.jpg"
  • Если нужно наложить текст или другие элементы на данный фон, можно использовать варианты из предыдущих тем в разделе "Фоны и паттерны"
  • Изменив фон и цвет линий, например на черный, эффект подойдет не только для детского или спортивного сайта.

HTML:

CSS:

JS:

Идея и доработка придумана, а основной код найден на codepen.io у пользователя Paul Neave

1

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

Волна из частиц на JS

Фон из бегущих волной частиц с возможностью установления их количества, размера и скорости

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

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

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