Aparicion de elementos de forma escalonada

[madman_18]

Buenos días a todos!

Quería preguntaros:

Tengo una lista de la siguiente forma:

Código HTML:

<ul>
 <li>opcion 1</li>
 <li>opcion 2</li>
 <li>opcion 3</li>
 <li>opcion 4</li>
</ul>
 

Y me gustaría hacer de forma gradual (mostrar el 1, cuando acabe el 2, etc etc...) pero no consigo el efecto deseado siempre se me muestran todos de golpe.
La lista está con display:inline-block; si lo pongo el efecto de aparición por cada uno, me los pone uno debajo del otro.

Gracias por la ayuda!