Анимированные разноцветные пятна при помощи SVG
Очень интересный эксперимент с использованием SVG
Для начала посмотрите ДЕМО
Моё тестирование в редакторе: КЛИК
Установка:
1#: В то место, где будет SVG с эффектами, вставьте:
1 2 3 |
<div id="container" class="container"> <svg id="particles"></svg> </div> |
2#: В самый низ вашего CSS поместите:
1 2 3 4 5 6 |
svg { margin: 0; display: block; width: 100%; height: 600px; } |
3#: После /head вставьте:
1 2 |
script src='/js/TweenMax.min.js'></script> <script src='/js/mainjs.js'></script> |
Залейте два JS файла в папку js