Calculadora CSS
Genera gradientes, sombras, Flexbox y CSS Grid con controles visuales. Cada cambio actualiza la vista previa y el código CSS al instante.
Vista previa del gradiente
CSS generado
Vista previa de la sombra
CSS generado
CSS generado
CSS generado
Genera CSS y comprueba el resultado antes de copiarlo
La calculadora actualiza el código y la vista previa en el navegador. Puedes ajustar visualmente cada propiedad y copiar únicamente las reglas que necesitas.
Gradientes y sombras
El generador de gradientes crea fondos lineales o radiales con dos colores y posiciones configurables. El generador de sombras permite controlar desplazamiento, desenfoque, expansión, opacidad e inset.
Flexbox y CSS Grid
Los módulos Flexbox y Grid sirven para probar las propiedades principales de distribución. La vista previa muestra varios elementos para que puedas ver cómo afectan los cambios antes de llevar el CSS a tu proyecto.