ShineTime - Galeria con Efecto Brillante en CSS3 & jQuery



ShineTime - Galeria con efecto brillo usando CSS3 & jQuery, utiliza  un efecto en la interfaz de usuario que pareciera como si estuvieran viendo una foto polaroid real, lo mejor es que no es sencillo de usar.



La idea detrás de un efecto con brillo es dar a los gráficos la apariencia de estar sobre una superficie brillante que acaba de tener un rayo de luz pasando sobre ellos. Esto puede hacer que parezcan ser de vidrio y puede aumentar la experiencia visual a los usuarios.



En su configuración destaca :

  • Cambiar los márgenes del elemento en miniatura para que flote fuera de ella.
  • Ajuste el background-position de su "brillo" gráfico para ser -1 * (es ancho total)
  • Animar el background-position y el valor de la anchura total. Efectivamente estamos escondiendo la glosa fuera de la escena y luego la animación a través de la imagen.


Via | Addy Osmani

Demo ShineTime

Instalacion ShineTime

Descargar ShineTime

Suscripciones

Blog Archivo