Mouse over efect on photos

Steak House, food and drink theme, is now available on support forum.
GK User
Mon Mar 28, 2016 8:31 am
On the frontpage of SteakHouse theme, at the "Events and Blog" section, there is a mouse-over effect on the photos, some kind of zooming in. Can this effect be applied to other photos as well and if so how?

What I would like to do, is add this effect on people's photos if possible.
User avatar
Junior Boarder

Joshua M
Tue Mar 29, 2016 8:37 am
It's a background image (not <img .. tag), so it's not easy. You can add the following custom css code:
Code: Select all
.panel-row-style {
      -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.panel-row-style:hover {
      -webkit-transform: rotate(5deg) scale(1.3);
    -moz-transform: rotate(5deg) scale(1.3);
    -ms-transform: rotate(5deg) scale(1.3);
    -o-transform: rotate(5deg) scale(1.3);
    transform: rotate(5deg) scale(1.3);
}

but you need also another div (container) with overflow: hidden css style, because now it will cover the title.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.