Gerador de CSS Clamp

Crie um valor clamp() fluido que escala o tamanho da fonte suavemente entre duas larguras de viewport.

Como usar

  1. Insira os valores necessários nos campos.
  2. Clique em “Calcular” para ver o resultado.
  3. Copie ou compartilhe o resultado com o botão “Compartilhar”.

Sobre esta calculadora

Esta ferramenta gera uma função CSS responsiva clamp() para tipografia fluida — clamp(min, preferred, max) — em que o valor preferido é uma expressão calculada baseada em vw que ajusta suavemente o tamanho da fonte entre uma largura mínima e máxima do viewport, para que deixe de crescer ou encolher além dos limites escolhidos.

Os programadores front-end utilizam-na para evitar escrever vários breakpoints de media query apenas para redimensionar títulos e texto, obtendo em vez disso uma única regra CSS que se ajusta de forma fluida. Informe seus tamanhos de fonte mínimo e máximo e o intervalo de viewport para obter uma regra clamp() pronta para colar.

Was this helpful?

Pode escolher até 3 reações.

Comments (0)

  • Be the first to comment.

Calculadoras populares

Todas as calculadoras