Uma foto minha vestido com o uniforme da Grifinória do Harry Potter

Willian JustenSoftware Engineer

Instrutor na Udemy, escrevo sobre o mundo front end, viagens, vida pessoal e mais.

← Voltar na listagem

Criando uma animação de ondas com CSS e SVG

Aprenda a animar ondas feitas em SVG somente com CSS puro e cria um hero muito mais criativo e bonito.

Introdução

Fala pessoal! Continuando as nossas Dicas de CSS, hoje iremos adicionar um novo amigo na parceria, que é o SVG e iremos criar uma linda animação de ondas.

Para gerar as ondas eu utilizei o site getwaves.io e você pode ver a demo do vídeo aqui e o código aqui.

Vídeo

Conclusão

Novamente foi um post/vídeo bastante simples, mas que espero que seja útil para vocês irem aprendendo esses pequenos detalhes. Peço novamente que se puderem, compartilhem com seus amigos e não deixem de se inscrever no canal do YouTube, eu estou começando ainda, então é muito importante que vocês me ajudem nesse início!