Zoom & tilt effect NEWS2
Rate this topic: 




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???????????
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???????????
-
- 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?
-
- Moderator
- GK User
- Sun May 10, 2015 9:17 am
- Reply with quote
- Report this post
-
- 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;
}
-
- 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?
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?
-
- 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?
-
- 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!
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!
-
- 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?
-
- 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.
-
- 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.
-
- Moderator
10 posts
• Page 1 of 1