tutorial html sobre cómo agregar sombras al fondotutorial html sobre cómo agregar sombras al fondo
Cómo agregar efectos de sombra en HTML Cuando navegamos por la web, encontraremos que algunas páginas web tendrán un efecto de sombra en los bordes cuando colocamos el mouse sobre ellas, como por ejemplo
Luego agregue box-shadow al estilo, porque aparecerá una sombra cuando el mouse pasa sobre la imagen, por lo que debemos configurar la diapositiva y agregar box-shadow dentro de la diapositiva. Aquí, configuré una sombra doble, lo que significa que di un cuadro de sombra doble separado por una coma. La primera capa controla un borde blanco alrededor de la imagen y la segunda capa controla la sombra.
Cuando el mouse no se desliza sobre la imagen
Cuando el mouse se desliza sobre la imagen
Box-shadow: Hay cinco valores después él.
El primer valor de longitud establece el valor de desplazamiento plano de la sombra del objeto. El desplazamiento horizontal es positivo y el derecho es negativo;
El segundo valor de longitud establece el valor de desplazamiento vertical de la sombra del objeto. El desplazamiento vertical es positivo y el valor negativo es hacia arriba;
El tercer valor de longitud es para establecer el valor de desenfoque de sombra del objeto. La ambigüedad no puede ser negativa;
El cuarto valor de longitud establece el valor de extensión de la sombra del objeto. No se permiten valores negativos
El quinto es establecer la sombra del objeto
¿No es asombroso?
Mis conocimientos son limitados. Si hay algún error, indíquelo de inmediato para evitar engañar a otros. ¡Gracias a todos! !!
¿Cómo configurar el efecto de sombra html?
En HTML, puedes usar text-shadow para configurar el efecto de sombra del texto. Solo necesitas agregar el estilo "text-shadow: valor numérico desenfoque distancia color de sombra" al elemento de texto. La propiedad text-shadow agrega una o más sombras al texto, que es una lista de sombras separadas por comas.
Pasos específicos:
1. Primero, creamos una nueva etiqueta P en HTML e ingresamos el contenido. Podemos definir una clase para esta etiqueta P, aquí la llamamos PTitle.
2. Utiliza sombra de texto. Establezca las posiciones de desplazamiento de los ejes X e Y para él. Establezca el nivel de desenfoque y el color en 10 píxeles.
¿Cómo configurar la sombra web?
Abra dw, cree un nuevo documento HTML, ingrese la etiqueta p en la etiqueta del cuerpo, cree una etiqueta de estilo en el encabezado, agregue atributos de ancho y alto a p, rellénelo con un color y céntrelo. y agregue el atributo de sombra box-shadow :0px0px0pxred. Simplemente actualice. Se pueden cambiar 3 números, cambiando el tamaño de la sombra y el último cambiando el color de la sombra