Gerador de CSS Clamp
Crie um valor clamp() fluido que escala o tamanho da fonte suavemente entre duas larguras de viewport.
Resultado
Como usar
- Insira os valores necessários nos campos.
- Clique em “Calcular” para ver o resultado.
- 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.
Calculadoras populares
Calculadora de empréstimo
Prestação mensal, juros totais e plano completo de amortização.
Calculadora de porcentagem
Variação percentual, porcentagem de e cálculos de proporção.
Calculadora de desconto
Calcule o preço final, a poupança e o valor do desconto.
Calculadora de IMC
Índice de massa corporal a partir de altura e peso (métrico ou imperial).
Calculadora de idade
Calcule sua idade exata em anos, meses e dias a partir da data de nascimento.
Calculadora de juros compostos
Calcule o valor final e os juros ganhos com capitalização.
Todas as calculadoras
Nenhuma calculadora encontrada
Comments (0)