Seletor de Cores e Gerador de Paletas
Escolha cores nos formatos HEX, RGB e HSL; crie paletas harmoniosas e gradientes atraentes.
Gerador de Animações CSS com Keyframes
Crie animações fluidas em CSS (pular, pulsar, tremer, girar) com durações, atrasos e curvas de transição ajustáveis.
Propriedades da animação
Duração1s
Atraso0s
Fotogramas-chave e animação CSS
@keyframes customBounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
}
.animated-element {
animation: customBounce 1s ease-in-out 0s infinite normal;
}Como Usar?
Escolher Efeito
Escolha entre salto (bounce), pulsação (pulse), tremor (shake) ou rotação 3D (flip).
Ajustar Duração e Temporização
Ajuste a duração, o atraso e a função de temporização (timing function).
Copiar CSS
Exporte as regras completas de @keyframes e classes CSS.
Dicas e Truques
- •Adicione prefers-reduced-motion e uma alternativa tranquila para quem reduz o movimento.
Ferramentas Relacionadas
Conta-Gotas e Extrator de Cores de Imagens
Envie fotos ou gráficos e clique em qualquer pixel para capturar os códigos de cor exatos em HEX e RGB.
Gerador de QR Code Personalizado
Gere códigos QR em alta resolução nos formatos PNG e SVG para sites, Wi-Fi, textos e contatos.
Gerador de Favicon e Ícones para Web Apps
Gere ícones 16x16, 32x32, Apple Touch Icons (180x180) e ícones PWA para Android a partir do seu logotipo.
Avaliações e Comentários de Usuários
Compartilhe sua experiência anonimamente. Moderado automaticamente por IA.
Avaliações Aprovadas (0)