Como hacer este efecto

[edwD]

mis estimados he querido hacer el efecto de esta pagina que cuando se pasa el mouse por la pestaña electrónicos hace el despliegue de los productos

http://www.sony.com.mx/

pero no logro hacerlo , aclaro que lo e estado intentando con css de manera que el margin-top de mi submenu este en negativo y cuando pase el mouse aplico un retardo de 1s a el margin-top de tal manera que se vea el deslize y si funciona pero no tan bueno como el de la pagina.

Saben como se llama ese efecto para buscarlo? porque yo creo que utilizan jquery para hacerlo pero todavia estoy pollon y no se muy bien como se llaman estos efectos

les agradecería me guíen mas o menos como hacerle :) gracias

[pzin]

La barra de color azul no es un borde, en ese caso es otro elemento, un span concretamente. Aunque podrías prescindir de ello y usar un pseudo-elemento con ::before o ::after.

[edwD]

Gracias amigo ,me referia a el despliegue del menu ese despliegue con efecto

[pzin]

Para el efecto solo tienes que usar transiciones de CSS y un poco de imaginación.