¿Cómo seria si le quiero agregar el efecto de box shadow a la foto de perfil en hover tal y como se ve en la pagina de google tambien, tr...

Cristian Camilo

Cristian Camilo

Pregunta
studenthace 4 años

¿Cómo seria si le quiero agregar el efecto de box shadow a la foto de perfil en hover tal y como se ve en la pagina de google tambien, trate haciendo el mismo procedimiento que con el input pero me sale con advertencia y tachado?

2 respuestas
para escribir tu comentario
    Ana Hernández

    Ana Hernández

    studenthace 4 años

    Hola! A veces sale tachado, por algún error escribiendo la propiedad css, marcando el valor como inválido y por ende ignorando el valor asignado. Así como lo indicó @josedamelio en su aporte, compáralo con tu código y ve si te sobra o falta algo.

    Andrés D Amelio

    Andrés D Amelio

    studenthace 4 años

    Si quieres agregar sombras a un elemento cuando se hace hover debes agregarle la propiedad box-shadow a tu código

    elemento:hover { box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); }

    Puedes agregar prefijos por precaución, pero ya esa propiedad es aceptada por la mayoría de los navegadores actuales. Te dejo una página donde puedes generar sombras y copiar el CSS que te genera

    https://www.cssmatic.com/box-shadow

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.