En muchas ocasiones, cuando queremos diseñar nuestro portafolio o un álbum de fotografías online no sabemos si darle prioridad al tamaño de la imagen para que se vea bien nuestro trabajo final o a la cantidad de texto explicativo para que los visitantes y futuros clientes sepan como se hizo un determinado diseño y para quién o explicarle por qué se hizo así.
Con este tutorial podremos crear un portafolio donde no tengamos ese problema ya que conseguiremos que cada vez que pasamos el ratón por una imagen esta se reduzca y veamos una miniatura de la misma y todo el texto explicativo sobre ese diseño o fotografía que queremos poner.
Para que quede más claro lo que podréis conseguir con este diseño web, os dejo un demo y el enlace a la web donde podréis descargar el código.
Personalmente me ha encantado el efecto que podemos lograr con este código…y puede que lo aplique en mi web.
Demo | Galería informativa con zoom de imagen
Fuente | Addy Osmani
(sin puntuar)
Pingback: Bitacoras.com
Pingback: 34 paletas de color otoñales | Diseño web económico