Mouse over efect on photos

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.

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.