0

estoy tratando de dar un efecto 3D con las sombras a un elemento html pero para eso me gustaría poder añadir sombras a los diferentes lados de mi elemento html, sin embargo el código se sobrescribe debido a que css es en cascada. ¿alguna idea?.

Como pueden ver el DIV ya tiene sombras pero quiero añadir mas

PD: soy un poco inexperto en css

Ejemplo de un div que quiero decorar, como pueden ver ya tiene sombras pero quiero añadir mas

1
  • Stack Overflow en español te da las herramientas necesarias para compartir tu código como texto, con formato. No todos pueden ver las imágenes. Pulsa en editar para corregir tu pregunta.
    – padaleiana
    el 28 oct. 2022 a las 11:26

1 respuesta 1

1

box-shadow permite ingresar más de una sombra si la separas por coma.

div{
width:200px;
height:200px;
box-shadow: inset 0px 0px 0px 2px blue, 
10px -10px 0px -3px rgb(255, 255, 255) ,
10px -10px rgb(31, 193, 27), 
20px -20px 0px -3px rgb(255, 255, 255), 
20px -20px rgb(255, 217, 19), 
30px -30px 0px -3px rgb(255, 255, 255) , 
30px -30px rgb(255, 156, 85), 
40px -40px 0px -3px rgb(255, 255, 255), 
40px -40px rgb(255, 85, 85);
}
<div><div>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.