Buenas noches.
Me gustaría que las imágenes de mi blog tuvieran una sombra, además personalizada. Estoy tratando de insertar en los CSS adicionales (tema Lovecraft) algo así como
img {
style="border-radius: 20px; box-shadow: 25px 25px 27px 0; #151515"
}
pero de momento no estoy consiguiendo mi propósito.
¿En qué me estoy equivocando?
Muchas gracias de antemano.
Contenido solo visible a usuarios registrados
Hola Miguel Angel,
Veo que al final de tu codigo estas añadiendo un código hexadecimal pero no se aplica a ningún elemento, verifica si con el siguiente código se aplica la sombra que deseas a las imágenes
img {
border-radius: 20px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5) ;
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5) ;
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5) ;
}
Si con ello no se aplica para poder revisar con mayor detalle necesitamos abras tu sitio web ya que veo actualmente esta en mantenimiento
Un Saludo 🖐️
@argenis Con ese nuevo código sí que funciona perfectamente 🙂
¡Gracias!
Sólo una cuestión más: estoy diseñando el blog con PC, Windows 10 y Google Chrome -Versión 91.0.4472.164 (Build oficial) (64 bits)-.
¿Es de esperar que ese código funcione para todo (x1, x2, x3)?
donde
x1 = dispositivo (PC, Mac, smartphone, tablet, etc.)
x2 = sistema operativo (Windows 10, Windows 7, iOS, Android, etc.)
x3 = navegador (Chrome, Mozilla, IE -y versiones-, etc).
Que tal Miguel Ángel,
El código CSS compartido anteriormente por mi compañero funciona para cualquier dispositivo, no te preocupes por ello.
Saludos!
Hola Miguel Ángel,
Excelente recuerda que cualquier consulta estaremos atentos
Saludos!