Menú desplegable con CSS3

Esta ves traemos hasta aquí un bonito menú desplegable hecho solamente usando CSS3, ahora mismo describiremos como implementarlo y sacarle el máximo partido.

Paso 1. Creamos un archivo con nombre "index.html"

<ul class="menu">
    <li><a href="#">My dashboard</a></li>
    <li><a href="#">Likes</a></li>
    <li><a href="#">Views</a>
        <ul>
            <li><a href="#" class="documents">Documents</a></li>
            <li><a href="#" class="messages">Messages</a></li>
            <li><a href="#" class="signout">Sign Out</a></li>
        </ul>
    </li>
    <li><a href="#">Uploads</a></li>
    <li><a href="#">Videos</a></li>
    <li><a href="#">Documents</a></li>
</ul>

Paso 2. Crear un archivo con nombre "style.css"
Este segundo archivo no lo publicare aqui, pueden ver el codigo desde DropBox

Paso 3. Agregaremos esta linea de codigo al inicio de "index.html"

<link rel="stylesheet" href="style.css">

Puedes ver: Demo | Tutorial | Descargar