Comunidad de diseño web y desarrollo en internet online

Animación CSS3 para menú tipo slider

Citar            
MensajeEscrito el 24 Ene 2013 05:46 pm
Hola, gracias por leer y por la ayuda.

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!!

Por webdesignbsas

57 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2013 06:31 pm
Me gusta mucho el css3 y la transición pero que cantidad de visitas veran tal cual es? y que cantidad de visitas lo veran mal?

Por adhara web

68 de clabLevel



Genero:Masculino  

diseño web

chrome
Citar            
MensajeEscrito el 26 Ene 2013 10:46 am
Por supuesto, todo el mundo usa webkit y mozilla. La w3c no sirve para nada y el resto de los navegadores lo usa gente que de todos modos no necesita ver nada de esto. ;)

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.