Formatador CSS
Formate e indente código CSS para melhor legibilidade e manutenção.
Como usar?
Jogue seu CSS no campo da esquerda e aperte Formatar. A ferramenta cuida da indentação e deixa as regras organizadas, bem mais fáceis de ler.
Ferramentas Relacionadas
Formatador HTML
Formate e indente código HTML para melhor legibilidade. Ideal para revisar e depurar código HTML de forma rápida.
Formatador XML
Formate e indente código XML para melhor legibilidade e inspeção.
Formatador SQL
Formate código SQL para melhor legibilidade. Suporta SELECT, INSERT, UPDATE, DELETE e outros comandos.
Formatador JavaScript
Formate e indente código JavaScript para melhor legibilidade e depuração.
Gerador Cubic Bezier
Crie e visualize curvas cubic-bezier para animações CSS. Arraste os pontos de controle, veja o preview da animação e copie o valor pronto. Inclui presets (ease, ease-in, ease-out). Tudo no navegador.
prefers-reduced-motion CSS
Gera snippet CSS @media (prefers-reduced-motion: reduce) para desativar animações.