-JUEGO Entretenido:

-Pinchar imagen.

-Visto en: Chezmaya.com

2222222222222222

box-shadow

  

222222222222222

3333333333

transition

  

33333333333

444444444

444444444

Tres maneras de ampliar la imagen, en este caso (en vez de imagen, cambiando la ruta de imagen por la de enlace de alguna página u loquesea, también nos serviría)

Pinchar en enlaces para ampliar ►

1► https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gT6IG8EoP0FJsC9yJdV6Pjx7ukS_1MHg3GKjhbZlIrQlv_Qq19246OQIztJgCZE3g0G91DtEkUdC8zHpZWlwRUeE_L2gIQ9OuBibJkrm0F4Z5dFiYnyYQTMPruzxHT73biSiBpZUdTv6/s1600/IMG_0573.JPG

2► Ampliar imagen:

XXXX
3 (PINCHA IMAGEN) ► 
XXXX
55555555

Esto es la ruta que queremos que abra en ventana nueva, sin montarse en nuestra página:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gT6IG8EoP0FJsC9yJdV6Pjx7ukS_1MHg3GKjhbZlIrQlv_Qq19246OQIztJgCZE3g0G91DtEkUdC8zHpZWlwRUeE_L2gIQ9OuBibJkrm0F4Z5dFiYnyYQTMPruzxHT73biSiBpZUdTv6/s1600/IMG_0573.JPG
Esto es la orden para que abra fuera:
"( target="_blank")>
Esto es la altura de la imagen:
height="320"
Esto es la anchura de imagen:
width="179"
Tanto alto y ancho, podemos cambiarlo a nuestro antojo, desde dentro del HTML:

XXXX
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gT6IG8EoP0FJsC9yJdV6Pjx7ukS_1MHg3GKjhbZlIrQlv_Qq19246OQIztJgCZE3g0G91DtEkUdC8zHpZWlwRUeE_L2gIQ9OuBibJkrm0F4Z5dFiYnyYQTMPruzxHT73biSiBpZUdTv6/s1600/IMG_0573.JPG" target="_blank"  img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQRz9MWBiz43B7knf_GSbbds_rpCzVULw4ksXDvrp-rNAOEXxC8HTo-FfayLMtgrepApTGnGnApLOP8JAkZ3UgdOBcPDKcD460Hor-WLQvq6vW29m-HpH291-oFck6FxOZZfZd424OE4/s1600/IMG_0573.JPG" width="179"
XXXX

1► https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1oxmu-C0sjhnOHjA1AH1_xL9sqDpHcDJ80SeVhdsbcQyifibvdmU1FJ97WKyvmkHeX9P-phzhpFuDq_WMseOtdKzk5S4o7EntQE7siTecvhEDqtfDbdB4M1LnkMt2nyvkjT69ykfpGSc/s1600/DESIERTO+(15)%2B(2).JPG

6666666666

2►Ampliar imagen:

3 (PINCHA IMAGEN)►  

666666666666

La configuración de este blog, adquiere el box-shadow, aunque pegue el transition, sigue prevaleciendo el sistema box-shadow

Para las dos últimas fotos, he roto el enlace que llevan y le he puesto la redirección a ventana nueva.

style="-webkit-box-shadow:

style="-webkit-transition:

 target="_blank"

Salu2