como crear efectos con sombras CSS?

Quiero hacer un efecto con sombras , tal como muestra la primera imagen.





(Si no se ve bien , solo tiene sombra en medio y la sombra esta en forma circular)

Ocupando box-shadow: solo pude lograr esto :




Se que se puede hacer la sombra con una imagen , pero quieor saber si hay alguna forma con csss ,

Muchas gracias

Hola, obviamente tiene truco, una forma de hacerlo es meter el div azul dentro de otro, al que solo le añades un border-radius y el box-shadow.

así:

<div>
<div>

</div>
</div>


La primera tiene un el siguiente CSS: "border-radius:50%" y el box-shadow que has usado antes.

Creo que debería de funcionar.