Menú circular animado y hover

[frandelarge]

Hola chicos/as:

Necesito hacer este menú y que cuando el cursor pase sobre el texto del botón, aparezcan esas barras negras a sus costados, y al medio del circulo una imagen(ejemplo caso botón "trabajos") así como con cada elemento del menú.







MUCHAS GRACIAS

[pzin]

¿Y qué tienes hecho hasta ahora?

[alex_dh]

la propiedad :hover es para cuando pasa el cursor por encima de un div (donde dice #div deberia ir el id del div que deseas que haga esa transformacion)

solo le agregas un borde a la derecha, y otro a la izquierda, al parecer por el ejemplo es algo grueso, asi que le puse 5px

Código CSS:

#div:hover {
border-right: 5px solid #BBBBBB;
border-left: 5px solid #BBBBBB;
}