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