Скачать
Крутая реализация вздымающихся волн, которая выполнена средствами HTML5 Canvas
Для начала посмотрите
ДЕМО
Моё тестирование в редакторе:
КЛИК
Установка:
1#: В самый низ вашего CSS вставьте:
|
body { background: -webkit-radial-gradient(circle cover, #cfe6fc, #6eb3f7); background: radial-gradient(circle cover, #cfe6fc, #6eb3f7); } |
2#: На нужных страницах между body и /body поместите:
|
<canvas id="mycanvas"></canvas> <script src="/js/simplex-noise.min.js"></script> <script src="/js/ocean.js"></script> |
Осталось лишь залить два JS файла из прикреплённого архива в папку
jsАвтор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1095Регистрация: 27-08-2018
И зачем тут канвас? просто двигаются элементы
Если присмотреться и глянуть код, станет понятно, что элементы именно на канвас и не просто движутся, а постоянно меняют форму