Ejercicios de práctica de CSS

Ejercicio 20

Aplica una sombra a un <div> y usa la propiedad box-shadow para crear un efecto de profundidad.

Lo resolví del siguiente modo:

CSS:

                .box {
                    width: 300px;
                    height: 200px;
                    background-color: #3498db;
                    margin: 50px auto;
                    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
                }
            

HTML:

                <div class="box"></div>