Tilbage til oversigten

SVG bølger

Denne animation blev oprindeligt lavet med HTML-elementer, men eftersom jeg var i gang med at eksperimentere med SVG, så jeg en oplagt mulighed for at bruge det i stedet.

De forskellige SVG path-elementer er grupperet, og grupperne bliver animeret sidelæns med en CSS animation af translateX – forskudt af hinanden med forskelligt animation-delay.

I kan se demoen herunder:

See the Pen SVG Waves by Katrine-Marie Burmeister (@Katrine-Marie) on CodePen.16999

Er du interesseret i et samarbejde?