Les paso un link de un menú vertical que estoy haciendo:
http://maipumateriales.com/nuevo-sitio/menu-servicios.html
Los estilos se pueden ver en:
http://maipumateriales.com/nuevo-sitio/css/menuServicios.css
Al pasar el mouse por las opciones se muestra al costado derecho una ampliación breve de cada una, invitando a solicitar el servicio. Mi intención es colocarles links tanto sobre cada opción del menú así como a cada botón "Solicitar Servicio".
Pero viendo que ahora hay Sliders o banners animados con animación tipo loop por tiempo, con puro CSS3 - es decir sin javascript (como el que les paso en el link de abajo) - quisiera saber si me pueden ayudar a aplicarlo a mi menú, dandome alguna pista ya que he tenido problemas al intentar utilizar ese slider CSS3 si quiero colocar links en las opciones. Les dejo el link del slider, de paso para que lo vean porque está muy bueno:
http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/
La explicación / tutorial del slider está en Smashing Magazine:
http://coding.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/
Mi intención es que la parte animada sea la ampliación de la derecha, que ahora está sólo con hover cuando uno pasa el mouse sobre las opciones del menú. Quiero mantener el efecto del hover, pero que cuando el mouse no está posado sobre ninguna opción ni sobre el div de la ampliación, que entonces retome la animación por tiempo.
¿Alguien sabe cómo hacerlo?
Gracias!!
