Анимированные разноцветные пятна при помощи SVG — Уникальные скрипты и готовые решения для сайта

Очень интересный эксперимент с использованием SVG

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

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

Установка:

1#: В то место, где будет SVG с эффектами, вставьте:

<div id="container" class="container">
<svg id="particles"></svg>
</div>

</div>

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

svg {
margin: 0;
display: block;
width: 100%;
height: 600px;
}

svg {

margin: 0;

display: block;

width: 100%;

height: 600px;

}

3#: После </head> вставьте:

script src='/js/TweenMax.min.js'></script>
<script src='/js/mainjs.js'></script>

1 2	script src='/js/TweenMax.min.js'></script> <script src='/js/mainjs.js'></script>

Залейте два JS файла в папку js

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

Мигающие разноцветные световые пятна на HTML5 Canvas