Generar coeficientes de CSS
Diseñar hermosos gradientes CSS y copiar el código.
Cómo utilizar el CSS Gradient Generator
Elija lineal o radial
Se mezcla linealmente a lo largo de una línea recta. El radio se extiende hacia fuera desde un punto central.
Paradas de color de posición y adición
Añadir tantos colores como necesites y arrastrar cada parada para colocarla a lo largo del gradiente.
Copiar el CSS
Ajuste el ángulo o la forma hasta que se vea bien, y luego copie el CSS generado en su hoja de estilo.
Sobre el CSS Gradient Generator
La sintaxis gradiente CSS es fácil de leer y miserable de escribir desde la memoria. Los ángulos se miden desde una dirección que sorprende a la mayoría de la gente la primera vez, las posiciones de parada de color interactúan en formas difíciles de predecir, y la única manera confiable de obtener un derecho gradiente es ver que cambia a medida que lo ajusta. Eso es lo que esta herramienta es para: construir el gradiente visualmente, luego copiar CSS se puede pegar directamente en una hoja de estilo.
Ambos tipos están cubiertos. Un gradiente lineal se mezcla a lo largo de una línea recta en cualquier ángulo que se establece, y es el que se utiliza para botones, secciones de héroe y bandas de fondo. Un gradiente radial se extiende hacia fuera desde un punto central en un círculo o elipse, que se adapta a los focos, los resplandores y las sutiles. De cualquier manera se puede añadir como muchas paradas de color como usted necesita y arrastrar cada uno a lo largo de la pista.
La salida es simple, listo para la producción CSS sin dependencia en este sitio y sin prefijos de proveedores que no necesita, ya que cada navegador actual ha soportado gradientes no prefijados durante años. Todo funciona en su navegador, y el CSS generado es suyo para utilizar en cualquier proyecto, comercial o de otro tipo.
Preguntas frecuentes
- ¿Cómo puedo crear un gradiente CSS?
- Elige lineal o radial, añade tus paradas de color, establece el ángulo, luego copie el CSS generado directamente en tu hoja de estilo.
- ¿Cuál es la diferencia entre lineal y radial?
- Un gradiente lineal se mezcla a lo largo de una línea recta en un ángulo que usted elige. Un gradiente radial se extiende hacia fuera en un círculo o elipse desde un punto central.
- ¿Puedo usar más de dos colores?
- Sí. Añadir tantas paradas de color como necesites y colocar cada uno a lo largo del gradiente.