Generador de gradientes CSS
Herramienta gratuita de generación de gradientes CSS en línea, vista previa en tiempo real
Tipos de gradientes CSS
Los gradientes lineales hacen la transicion de colores a lo largo de una linea recta definida por un angulo o direccion. Los gradientes radiales hacen la transicion desde un punto central hacia afuera en forma circular o eliptica. Ambos soportan multiples paradas de color para transiciones complejas entre tres o mas colores.
Como crear un gradiente CSS
Selecciona el tipo de gradiente (lineal o radial), elige los colores de inicio y fin, y ajusta el angulo para gradientes lineales. La herramienta genera el codigo CSS instantaneamente. Copia el CSS y pegalo en tu hoja de estilos como propiedad background o background-image.
▶Puedo usar mas de dos colores en un gradiente?
▶Cual es el soporte de navegadores para gradientes CSS?
▶Puedo usar transparencia en gradientes?
Si este herramienta le ha sido útil, considere comprarme un café.
Compra un café para mí.