En ocasiones quieres personalizar partes de la página web y con CSS puedes hacerlo. La mayoría de constructores tiene un sitio donde puedes hacerlo. Pero CSS a veces es un poco lio. Aquí te presentamos algunas utilidades online que te ayudarán si tienes que retocar el CSS y no sabes muy bien como.

Ilustración: Online illustrations by Storyset

 

Aquí tienes una lista de 6 herramientas online para generar o retocar CSS:

1. CSSmatic (https://www.cssmatic.com/)
– No requiere registro.
– Características: Generador de gradientes, sombras, bordes redondeados y efectos de texto. También ofrece una herramienta de recorte de imágenes y un generador de patrones.

2. CSS3 Generator (https://css3generator.com/)
– No requiere registro.
– Características: Genera código CSS para propiedades como bordes redondeados, sombras, gradientes, transformaciones y transiciones.

3. CSS Grid Generator (https://cssgrid-generator.netlify.app/)
– No requiere registro.
– Características: Permite generar diseños de rejilla utilizando la especificación CSS Grid. Proporciona opciones para configurar el número de columnas, el tamaño de las filas y columnas, y las brechas entre ellas.

4. ColorZilla (https://www.colorzilla.com/)
– No requiere registro, pero ofrece una versión Pro con características adicionales.
– Características: Incluye una herramienta de selección de colores con cuentagotas, generador de gradientes, analizador de colores de página, y generador de paletas de colores.

5. CSS Beautifier (https://www.freeformatter.com/css-beautifier.html)
– No requiere registro.
– Características: Formatea y reorganiza el código CSS para mejor legibilidad. Puede ser útil para dar formato a código CSS existente y hacerlo más estructurado.

6. CSS Minifier (https://cssminifier.com/)
– No requiere registro.
– Características: Minifica el código CSS, eliminando espacios en blanco y reduciendo el tamaño del archivo. Puede ser útil para optimizar la carga de páginas web al reducir el tamaño de los archivos CSS.

Estas herramientas online te permitirán generar y retocar CSS de manera fácil y rápida sin tener que instalar ningún software adicional.

Más utilidades CSS

 

Border Radius

Si queremos hacer que nuestra caja tenga los bordes redondeados, esta es tu página. Sólo tienes que indicar los pixeles que debe tener el redondeado. aplicar y copiar el código

 

Share This