Generación de código de gradiente CSS
Genere CSS degradado lineal basado en dos colores, transparencia y ángulo.
Generación de código de gradiente CSS manual de usuarios
- Complete los parámetros o seleccione el archivo de acuerdo con el formulario, y primero verifique la unidad y el formato.
- Genere un fondo degradado lineal de 135 grados de azul a púrpura.
- Haga clic en el botón Procesamiento para ver los resultados, puede copiar o descargar y guardar.
Método de cálculo y reglas de procesamiento
El degradado lineal se genera después de una verificación estricta del color y el valor, y las escalas de color inicial y final se fijan en 0% y 100%.
Ámbito de uso
La salida del texto CSS que se puede copiar, la página no se modifica automáticamente; El efecto real también se ve afectado por el tamaño del elemento.
¿El ángulo del gradiente cambia el color o la dirección?
El ángulo cambia la dirección del degradado, y los colores iniciales y finales siguen siendo los dos colores rellenados. La transparencia se aplica a los colores en ambos extremos, y el fondo y el tamaño del elemento también afectan el efecto visual final; Por favor, obtenga una vista previa en su propio entorno de estilo.
¿Se guardará el contenido de entrada en el servidor?
Esta herramienta maneja la entrada en el navegador y no carga archivos ni forma contenido. Las puntuaciones de la práctica de mecanografía solo se guardan en el navegador nativo.
¿Por qué el resultado puede ser diferente de otras herramientas?
La salida del texto CSS que se puede copiar, la página no se modifica automáticamente; El efecto real también se ve afectado por el tamaño del elemento. Compare primero la unidad de entrada, el método de redondeo, las reglas aplicables y la versión de datos.