Gerador de clamp CSS

Gere um valor CSS clamp() fluido que cresce suavemente de um tamanho mínimo em telas pequenas até um máximo em telas grandes.

Grátis · Sem envio · Tudo no seu dispositivo

Como usar Gerador de clamp CSS

  1. Escolha as configurações no painel lateral.
  2. O resultado é atualizado na hora. Selecione “Gerar” para um novo.
  3. Copie o resultado ou baixe-o.

Privado por design. Tudo o que você digita, abre ou grava é processado nesta aba do navegador e nunca é enviado ao KittySuite.

Sobre Gerador de clamp CSS

Entre as duas larguras de tela o tamanho cresce em linha reta; fora delas, fica no mínimo ou no máximo. A mesma fórmula serve para espaçamentos, paddings e gaps, não só para texto.

Tudo é calculado nesta aba do navegador e nada do que você digita é enviado. Continua funcionando offline depois que a página carrega.

Dúvidas antes de começar

Meu conteúdo sai do meu dispositivo?

Nenhum conteúdo de arquivo ou texto digitado é enviado para processamento. Este site baixa o próprio código e os próprios recursos quando necessário; a página de Privacidade explica as solicitações à hospedagem e o cache do navegador.

O que devo verificar antes de usar Gerador de clamp CSS?

Tudo é calculado nesta aba do navegador e nada do que você digita é enviado. Continua funcionando offline depois que a página carrega.

E se o resultado não servir?

Mantenha seu original, volte às configurações e tente de novo. Um arquivo ilegível ou com estrutura não compatível pode precisar ser exportado de novo no aplicativo de origem.

Posso usar no celular?

Os controles se adaptam a telas menores, mas arquivos grandes podem exceder a memória do celular. Use um arquivo menor ou trabalhe em lotes se o processamento falhar.