Al escribir código CSS de filtro, siempre no sé qué valor es el más hermoso. ¿Los experimentos llevan mucho tiempo? ¡Simplemente arrastre y suelte para ver el efecto! Intuitivo, fácil de entender y eficiente.
Todo el proceso se lleva a cabo en la plataforma de aplicaciones ZhongTouch, sin escribir a mano una sola línea de código CSS.
desenfoque (desenfoque)
Establezca el desenfoque gaussiano en la imagen; cuanto mayor sea el valor, más borrosa.
Brillo
Cuando el valor es 0%, la imagen será completamente negra y cuando el valor es 100%, la imagen no cambiará. Los valores superiores al 100% también están bien y la imagen será más brillante que la original.
Contraste
Ajusta el contraste de la imagen. Con un valor del 0%, la imagen quedará completamente negra. Cuando el valor es 100%, la imagen no cambia. Los valores también pueden superar el 100%.
Transparencia (opacidad)
Un valor de 0% es completamente transparente y un valor de 100% no cambia la imagen.
escala de grises
Cuando el valor es 100%, se convierte completamente en una imagen en escala de grises y cuando el valor es 0%, la imagen no cambia.
saturación
Convertir la saturación de la imagen. Un valor de 0% está completamente desaturado y un valor de 100% deja la imagen sin cambios. Se permiten valores superiores al 100%, con mayor saturación.
invertir
Invierte la imagen de entrada. Un valor del 100% es una inversión completa. Cuando el valor es 0%, no hay cambios en la imagen.
marrón (sepia)
Convierte la imagen a sepia. Un valor de 100% es completamente sepia y un valor de 0% deja la imagen sin cambios.
Rotación de tono (rotación de tono)
Aplica una rotación de tono a la imagen. No hay cambios en la imagen cuando el valor es 0 grados. Aunque no existe un valor máximo para este valor, un valor superior a 360 grados equivale a dar vueltas de nuevo.
sombra (sombra paralela)
No puedo esperar, pruébelo usted mismo ahora: modo de edición de plataforma de aplicación de código bajo Zhongtouch
Visite 哔哩哔哩 para ver un video de enseñanza detallado: [Curso Crowd Touch] Colección de diseño visual_哔哩哔哩_bilibili
Para obtener más videos de enseñanza, vaya al espacio Bilibili: el espacio personal de la plataforma de aplicaciones Zhongtouch_哔哩哔哩_Bilibili , que no solo tiene varias demostraciones y explicaciones de casos de visualización frontal, sino también múltiples casos de aplicaciones de sitios web completamente funcionales. Demostración y explicación del proceso de desarrollo.