CSS visual para tu web

Color, contraste, degradados, sombras y botones: lo justo para que una interfaz se vea bien y se lea bien.

0 de 7 vistas

Empezar
  1. Color y contrasteConvierte colores entre HEX, RGB y HSL, genera una escala de tonos y comprueba el contraste WCAG.
  2. Degradados CSSCrea degradados lineales, radiales y cónicos con vista previa y copia el CSS o la clase de Tailwind.
  3. Sombras CSSDiseña box-shadow con varias capas, vista previa en vivo y copia el CSS o la clase de Tailwind.
  4. Border radius y formasDiseña esquinas redondeadas, círculos y formas orgánicas con border-radius y copia el CSS.
  5. Botones CSSDiseña botones (sólido, contorno, fantasma, degradado) con todos sus estados y copia el HTML y el CSS.
  6. Tipografía fluida y remGenera clamp() para tamaños que crecen con la pantalla y convierte entre px, rem y em.
  7. Unidades CSSConvierte entre px, rem, em, pt, vw, vh y más, con el tamaño de fuente y el viewport que tú elijas.