myFolio rollover effect?

Hello,

I love the rollover effect on the myFolio template! I would LOVE to use this same effect on another template with News Pro 4 but I am not clear how this is accomplished. Any help would be greatly appreciated.

thank you in advance,

*I am using;
Joomla 2.5.3
Gavick Template League News


Jason

Hi

Whole this effect is a CSS3 functionality, so please copy css from gk_stuff.css file for .header layer, change the class name to fit new template and copy background image. Should be working just fine.

Hi

Whole this effect is a CSS3 functionality, so please copy css from gk_stuff.css file for .header layer, change the class name to fit new template and copy background image. Should be working just fine.

Hello,
Can you make it a little bit more clear how to do this?
Thanks a lot.

Hi

Ok. This is css code which make it work the way You can see it:

Code: Select all

.gallery .nspArt > div > .nspContainer {
    -moz-transition: opacity 0.5s ease-in 0s;
}
.gallery .nspArt > div > .nspContainer > div {
    -moz-transition: background-position 0.35s ease-in-out 0s;
    cursor: pointer;
}
.gallery .nspArtPage .nspArt:hover > div > .nspContainer {
    opacity: 1;
}
.gallery .nspArt:hover > div > .nspContainer > div {
    background-position: 100% 100%;
}
.gallery .nspArt .nspContainer {
    text-align: center;
}


All You need to do is set right backgeound and adjust this selectors to fit Your layer name.