Pular para o conteúdo

Efeitos que seus visitantes sentem

Cinquenta e oito efeitos prontos: aparições, contadores, holofotes, vidro, letreiros, navegação, formulários. Escolha um no construtor, ajuste dois controles e aplique. Zero créditos, sai com um clique.

Seis de cinquenta e oito

Fundo auroraManchas de cor suaves flutuam devagar atrás da primeira tela
Título letra por letraO título principal se monta letra por letra
Foco nos cartõesUm ponto de luz suave segue o cursor pelos cartões
Máscara na imagemUma máscara deslizante revela a imagem quando ela entra na tela
ContadoresOs números das estatísticas contam a partir do zero ao entrar na tela
LetreiroUma fileira de logos ou palavras desliza em loop contínuo

Também no catálogo:Aparição das seçõesCascataTítulo palavra por palavraParalaxeInclinação do cartãoBotões magnéticosSuperfície de vidroNavegação fixa de vidroEnvio com reciboRótulos decodificadosFoco na entradaSeção fixadaBarra de progresso de leituraRotação pela rolagemTom por seçãoBorda brilhanteZoom na imagem ao passar o mouseCursor próprioSublinhado deslizanteGrade de pontosGranulado de filmeBrilho neonPílula deslizanteElevação ao passar o mouseBrilho nos botõesVirar o cartãoPartículas em morfoseObjeto de vidroProduto no pedestalCampo de estrelasFluido sob o cursorGradiente com shaderIlha de voxelsEcossistema em órbitaFaixa horizontalDock com ampliaçãoMenu em pílulaNavegação no telefoneAviso flutuanteEsqueleto de carregamentoConfeteVídeo na primeira telaDegradê no títuloPinceladaNúmeros de seçãoOnda entre seçõesFotos em duotoneMoldura deslocadaBrilho no cartãoResposta do botãoFoco visívelEncaixe das seções

Como fazer

  • 1Escolha uma seção à esquerda ou aperte “Animar”: três sugestões para o tipo dela.
  • 2Passe o mouse em um cartão: a prévia é real, o mesmo código que vai para o site.
  • 3Ajuste os controles e aperte “Aplicar”. Zero créditos, um botão para remover.
  • 4“Ritmo” e “Sem movimento” valem para o site inteiro; efeitos pesados ficam mais leves no celular sozinhos.

Cada efeito é CSS comum e um script de 3 KB, sem bibliotecas. Celulares recebem sozinhos uma versão mais leve; quem desligou o movimento vê o estado final.