Tooltip al estilo Cuevana en css
Cuevana cuenta con un tooltip agradable para mostrar información sobre el contenido multimedia, lo generan y lo logran con javascript. Voy a mostrarles que en CSS es muy sencillo.
Si bien existe jQuery que con sus librerías se logra el mismo resultado y hasta mucho más elegante, con CSS lo podemos lograr sin tener que sobrecargar nuestro sitio.
Con una simple lista desordenada y unas etiquetas para el contenedor de nuestro tooltip, se obtiene una versión ligera y comoda para mostrar algún tipo de información.
Este tooltip esta oculto pero cuando hacemos un :hover en el box multimedia, cambiamos el valor de la propiedad display en block
- 17/09/2011
- OscarWeb
- CSS
muy bueno estaría bien que enseñara a hacerlo y si lo as echo no lo e visto.
El link del ejemplo esta debajo de la imagen, con ver el código fuente se puede entender el funcionamiento que describí en el articulo.
PD: Naruto9400 leé… y mejora tu ortografía!