photo zoom

[soaringeagle]

dave h requested this tip  its a simple zoom transition when yiu hover over a photo without clicking full size

a.next_photo_link img:hover {transform:scale(1.20);-ms-transform:scale(1.20);-o-transform:scale(1.20);-webkit-transform:scale(1.20);-moz-transform:scale(1.20);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;}

its only a 20% zoom  but for larger pics any more then that  would be too much i think

to adjust the finished zoom level adjust the scale:1.20 (meaning 120% or 20% above normal)

u can slow or speed up the transition by changing the 1s tip you can use decimals like 3.5s or even ms like 10ms for a very fast transition

(note for newbies to css the -webkit- etc prefixes  are used to increae browser compatability so if you adjust 1 adjust all  so the experience is the same no matter what browser)

[Atheist Universe]

[Kos]

SoaringEagle is this for Design Studio?  It doesn't appear to function in the old Editor.

[soaringeagle]

the only difference would be the class names use firebug to find the right class or ids and use that and it will work

[Kos]

Firebug says .xg_lightborder but that made a mess.  No big deal.  I'll move on to something else.  tks

[soaringeagle]

there4s more then 1 class on it lightboarder applies to a hundred diferent elements look for a l=more unique class