Crear degradado CSS

Crea una sombra CSS de varias capas (box-shadow) con vista previa en vivo, y copia el código.

Da forma a cada esquina de una caja por separado, o combínalas en una forma orgánica, y copia el CSS border-radius.

Crea una tarjeta de vidrio esmerilado con desenfoque de fondo, transparencia y borde suave, y copia el CSS.

Arrastra una curva para crear un valor de aceleración cubic-bezier(), obsérvala en acción con una transición CSS en vivo, y copia el código.

Crea una forma de recorte CSS clip-path: polígono, círculo, elipse o rectángulo interior, con una vista previa en vivo, y copia el código.

Minifica o formatea CSS, en vivo mientras pegas, completamente en tu navegador.

Crea un diseño CSS flexbox: dirección, ajuste de línea, justificación, alineación, espacio, y crecimiento/reducción/base por elemento, con una vista previa en vivo, y copia el código.

Crea un diseño CSS grid: número de pistas, espacios, alineación, y colocación por elemento, con una vista previa en vivo, y copia el código.