Generador de CSS clamp()

Crea un valor clamp() fluido que escale tu tamaño de fuente suavemente entre dos anchos de viewport.

Cómo usarlo

  1. Introduce tus valores en los campos de arriba.
  2. Pulsa "Calcular" para ver el resultado.
  3. Usa "Compartir" para enviar tu resultado.

Acerca de esta calculadora

Esta herramienta genera una función CSS clamp() responsiva para tipografía fluida — clamp(min, preferred, max) — donde el valor preferred es una expresión calculada en vw que escala el tamaño de fuente de forma fluida entre un ancho de viewport mínimo y máximo, de modo que deja de crecer o encogerse más allá de los límites elegidos.

Los desarrolladores front-end la usan para evitar escribir múltiples puntos de ruptura con media queries solo para redimensionar títulos y texto de cuerpo, obteniendo en su lugar una única regla CSS que escala de forma fluida. Introduce tus tamaños de fuente mínimo y máximo y el rango de viewport para obtener una regla clamp() lista para pegar.

Was this helpful?

Comments (0)

  • Be the first to comment.

Calculadoras populares

Todas las calculadoras