¿Cómo utilizar correctamente los efectos de filtro en CSS?
Ejemplo de filtro de hoja de estilos CSS de Dreamweaver 8
1. Crear un efecto de texto borroso
1. Cree un nuevo archivo 05.html e inserte una fila y 1 columna La tabla, los bordes y los márgenes están todos configurados en 0. Luego ingrese el texto que desea modificar en el formulario.
2. Abra el panel de estilo CSS, cree un estilo CSS y realice las siguientes configuraciones en el "Cuadro de diálogo Nuevo estilo" emergente.
3. Una vez completada la configuración, haga clic en el botón "Aceptar" para que aparezca el cuadro de diálogo "Definición de estilo CSS". En el área de configuración de tipo, establezca: tamaño: 60, fuente: negrita, grosor. : grueso, color: # FF9900.
4. Para producir efectos de texto, lo más importante es realizar configuraciones especiales en el área de configuración extendida.
El filtro Desenfoque produce un efecto de desenfoque arrastrado por el viento. Abra el menú desplegable de opciones de filtro y configure el filtro Desenfoque:
Desenfoque(Agregar=?, Dirección=?, Fuerza=?)
El parámetro Agregar es un valor booleano , En términos generales, cuando el filtro se usa para imágenes, toma 0 y cuando se usa para texto, toma 1.
"Direction=?" dirección de desenfoque, cambios en unidades de 45 grados, "0" es verticalmente hacia arriba, "45" es hacia arriba a la derecha, "90" es horizontalmente a la derecha, "135" es hacia abajo a la derecha, y el cambio a su vez. Aquí configuramos Dirección = 90.
La fuerza representa el valor del movimiento de desenfoque, la unidad es píxeles. Establecemos Fuerza = 180.
Una vez completada la configuración, haga clic en "Aceptar".
5. Seleccione la celda donde se encuentra el texto en el área de edición del documento y establezca el estilo del texto en .test en el panel de propiedades.
Guarde el archivo y presione F12 para obtener una vista previa del efecto.
En la era del HTML sólo se podían lograr efectos simples en las páginas web. Con los estilos CSS, el diseño de la página web ha experimentado cambios trascendentales. En Dreamweaver8, usar estilos CSS es muy simple y los efectos producidos pueden ser deslumbrantes.