nav > ul > li .sub-menu::after {
 transition: all 1s ease;
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 5px;
 height: 0;
 background: coral;
}

                    

Efecto Menú desplegable con CSS y HTML5

Lindo efecto de un menú de navegación con sub-menú desplegable solo usando HTML5 como código de marcado y CSS para la interactividad y animaciones.

Ver completo