Zoom & tilt effect NEWS2

Rate this topic: Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.3.50 out of 6 based on 2 vote(s)
GK User
Sun May 10, 2015 9:03 am
Reply with quote
Report this post
Zoom & tilt effect
There are several topics about zoom and tilt effect.
There are 3 points that these effects exist:

1. Frontpage-zoom effect(News Show Pro GK5)

custom css code that worked for me:

.nspMain .nspImageWrapper:hover img {
-webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
-ms-transform: scale3d(1, 1, 1) translate3d(0px, 0, 0px);
-o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
}

2. Category view- zoom effect

custom css code that worked for me:

.itemImageBlock img:hover {
-webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1 1, 1) translate3d(0px, 0px, 0px);
-ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
transform: scale3d(1, 1, 1) translate3d(0px, 0px 0px);
}
.itemImageBlock img { transform: none !important; transition:none; }
.itemImageBlock img:hover { transform: none !important; }

3. Article view – zoom and tilt effect

???????????? what ise the custom css code for an individual article view???????????
User avatar
Fresh Boarder

GK User
Sun May 10, 2015 9:11 am
Reply with quote
Report this post
Could you please post an url to your site - to a single article where the effect remains?
User avatar
Moderator

GK User
Sun May 10, 2015 9:17 am
Reply with quote
Report this post
User avatar
Fresh Boarder

GK User
Sun May 10, 2015 9:20 am
Reply with quote
Report this post
Code: Select all
.img-fulltext-none:hover img, .img-fulltext-left:hover img, .img-fulltext-right:hover img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
User avatar
Moderator

GK User
Sun May 10, 2015 9:28 am
Reply with quote
Report this post
Nice, it works, Thank you.
One more think, if you point on the photo in the same link
http://e-mesara.gr/index.php/2014-01-29 ... 0-06-55-27
something happens. Is it the opacity? i dont know? how can disable any photo effect when the mouse points the photo?can you check it for me please?
User avatar
Fresh Boarder

GK User
Sun May 10, 2015 9:43 am
Reply with quote
Report this post
I cant see any issue. Could you please be more specific?
User avatar
Moderator

GK User
Sun May 10, 2015 9:57 am
Reply with quote
Report this post
yes, sure

for instance in the following link and in every single article:
http://e-mesara.gr/index.php/2014-01-29 ... 0-07-39-57
every time you point the picture(mouse over), the picture moves a bit. does it make sense now? can you notice the same as me?
thank you!
User avatar
Fresh Boarder

GK User
Sun May 10, 2015 9:59 am
Reply with quote
Report this post
Actually it doesn't... What browser and os are you using?
User avatar
Moderator

GK User
Sun May 10, 2015 10:04 am
Reply with quote
Report this post
you are right, I am using google chrome but I just cheked the link from another pc and it works properly in both chrome & firefox. So, I suppose the specific pc has the issue. Thank you very much for your help.
User avatar
Fresh Boarder

GK User
Sun May 10, 2015 10:07 am
Reply with quote
Report this post
Perhaps that might be also some cache issues. Try Chrome in incognito mode or clear cache.
User avatar
Moderator


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