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.
What I would like to do, is add this effect on people's photos if possible.
-
- 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:
but you need also another div (container) with overflow: hidden css style, because now it will cover the title.
- 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.
-
- Moderator
2 posts
• Page 1 of 1