Smart Tools
Blog博客
Theme
Buscar
User login
Color de fondo
Resistencia a la torsión 15px
Contraste 150%
Número de degradados 6
Transformación aleatoria 100
Ancho de la zona de exposición 100
Display Area Height 100
Download as Image
Sample CSS code:
Presentación de la herramienta de generación de código para fondos con degradados distorsionados en CSS:

1. Esta herramienta permite visualizar y ajustar diferentes degradados de color en línea, así como aplicar efectos de distorsión y licuación.

2. Puede ajustar la intensidad de la distorsión, el contraste y el número de degradados para modificar la forma de los colores.

3. Al arrastrar el control deslizante «Transformación aleatoria» hacia la izquierda o hacia la derecha, se puede cambiar aleatoriamente el efecto de renderizado del color; cuando encuentre uno adecuado, simplemente deténgalo.

4. Los colores del degradado se pueden seleccionar y personalizar en línea, o bien introducir los valores de color que prefiera; al arrastrar el control deslizante de cada color, puede ampliar o reducir el área y la transparencia del color correspondiente.

5. Una vez ajustado el degradado, puede copiar el código CSS de ejemplo o hacer clic en el botón «Descargar como imagen» para guardar la imagen en su dispositivo.

Recommended Tools
Inicio Buscar Favoritos Idioma