Блуждающие частицы, создающие необычные рисунки на фоне при помощи HTML5 Canvas
Очень необычный эффект - по странице летают частицы, след от которых создаёт причудливые узоры
Для начала посмотрите ДЕМО
Моё тестирование в редакторе: КЛИК
Установка:
1#: В самый низ вашего CSS вставьте:
1 2 3 4 5 6 |
#canvas-bottom, #canvas-top { position: absolute; top: 0px; left: 0px; z-index: -1; } |
2#: На нужных страницах после body поместите:
1 2 3 |
<canvas id="canvas-bottom"></canvas> <canvas id="canvas-top"></canvas> <script src="/js/cosmic.js"></script> |
Осталось лишь залить JS файл из прикреплённого архива в папку js