Make your Photo Module POP with a nice zoom for main page

[dave]

you might like this really cool zoom for your photo module main page. I have a 3 column layout with the photo module in the middle.

This zooms the photo module to the left of the page and up.

Just add this to your advanced css or load it as a remote script 

div.xg_module_body.body_slideshow.xj_slideshow_body.xj_embed_container {
transition:All 1s ease;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}

div.xg_module_body.body_slideshow.xj_slideshow_body.xj_embed_container:hover {
transform: rotate(0deg) scale(1.47) skew(0deg) translate(-72px,-30px);
-webkit-transform: rotate(0deg) scale(1.55) skew(0deg) translate(-72px,-40px);
-moz-transform: rotate(0deg) scale(1.55) skew(0deg) translate(-72px,-40px);
-o-transform: rotate(0deg) scale(1.55) skew(0deg) translate(-72px,-40px);
-ms-transform: rotate(0deg) scale(1.55) skew(0deg) translate(-72px,-40px);
}

[LloydT]

Do you have a live example of this in action?  Would love to see it.

[dave]

Hello , i hope you have had a great Christmas :) use your Test Network to try this css, takes only a few seconds .