Блуждающие частицы, создающие необычные рисунки на фоне при помощи HTML5 Canvas

Очень необычный эффект - по странице летают частицы, след от которых создаёт причудливые узоры

Для начала посмотрите ДЕМО

Моё тестирование в редакторе: КЛИК

Установка:

1#: В самый низ вашего CSS вставьте:

#canvas-bottom, #canvas-top {
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}

#canvas-bottom, #canvas-top {

position: absolute;

top: 0px;

left: 0px;

z-index: -1;

}

2#: На нужных страницах после <body> поместите:

<canvas id="canvas-bottom"></canvas>
<canvas id="canvas-top"></canvas>
<script src="/js/cosmic.js"></script>

Осталось лишь залить JS файл из прикреплённого архива в папку js

Возможно, Вас заинтересуют:

Анимированная вакханалия на фоне при помощи HTML5