Toolipedia Incorporar
PT
← Todas as ferramentas de texto

Gerador de ondas SVG

Ondas em camadas para divisores de seção e fundos, em SVG, PNG ou CSS.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de ondas SVG

Crie formas de ondas em camadas que separam as seções de uma página web sem uma linha reta e dura. Defina o número de camadas, a altura, a suavidade e as cores, depois exporte em SVG, PNG ou CSS. Ondas em SVG são arquivos pequenos e podem se esticar até a largura total usando preserveAspectRatio definido como none.

Como usar: Gerador de ondas SVG

  1. Defina o número de camadas, a altura e a suavidade da onda.
  2. Escolha as cores de cada camada para combinar com a sua página.
  3. Exporte as ondas como SVG, PNG ou CSS e coloque-as no seu layout.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Como faço um divisor de ondas em largura total?

Defina a largura do SVG como 100 por cento, dê a ele uma altura fixa e use preserveAspectRatio igual a none para que a curva se estique com a tela em vez de deixar espaços vazios.

Como inverto uma onda para ficar no topo de uma seção?

Gire o SVG em 180 graus com um transform do CSS ou coloque a onda no topo e use a mesma cor de preenchimento da seção acima.

Devo usar a exportação em SVG ou em CSS?

Use SVG quando quiser editar a forma ou reutilizá-la como imagem. Use a exportação em CSS quando quiser um fundo sem arquivo extra para carregar.

Gerador de ondas SVG é grátis?

Sim. Gerador de ondas SVG no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Posso colocar Gerador de ondas SVG no meu próprio site?

Sim. Use o botão «Incorporar no seu site» abaixo da ferramenta para copiar um trecho curto de código e colá-lo na sua página. É grátis, não precisa de conta e a ferramenta continua funcionando dentro da sua página.

Ferramentas relacionadas