Волны океана на HTML5 Canvas
1 2 3 4 |
body { background: -webkit-radial-gradient(circle cover, #cfe6fc, #6eb3f7); background: radial-gradient(circle cover, #cfe6fc, #6eb3f7); } |
1 2 3 |
<canvas id="mycanvas"></canvas> <script src="/js/simplex-noise.min.js"></script> <script src="/js/ocean.js"></script> |
И зачем тут канвас? просто двигаются элементы
Если присмотреться и глянуть код, станет понятно, что элементы именно на канвас и не просто движутся, а постоянно меняют форму