/ Animations

CSS & SVG Waves Animation

CSS & SVG Waves Animation

CSS & SVG Waves Animation

This CSS3 version is hardware accelerated, simple, and is much more performant.

I wanted to animated waves for the background of a page. Initially I tried a staggered loop animation in Javascript, but some mobile devices struggled really bad. This CSS3 version is hardware accelerated, simple, and is much more performant.

Made with

HTML / CSS (SCSS)

Author

Ted McDonald

Demo

See the Pen CSS & SVG Waves Animation by Ted McDonald (@tedmcdo) on CodePen.

CodeTea

A Nice collection of often useful examples done in HTML JavaScript CSS.

Read More