1179 posts
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 200 and 499 users
  • Has been a member for 6-7 years
mabuc says

Hello,

I am sure this is an easy fix but I can’t find any good solution on how to solve this.. when I hover the image in chrome it works correctly but when I used FF it decrease it’s dimensions.. see my image screenshot here: http://goo.gl/Mwcu5

thanks

483 posts
  • Slovakia
  • Sold between 10 000 and 50 000 dollars
  • Has been a member for 1-2 years
  • Most Wanted Bounty Winner
  • Referred between 10 and 49 users
  • Bought between 10 and 49 items
  • Exclusive Author
LubosVolovar says
this usualy happens in Chrome than in FF. I have fixed this in Chrome with this:
-webkit-transform: translate3d(0,0,0);

You can try something similar in FF (maybe just “transform: translate3d(0,0,0);”, or google FF alternative for this attribute)

1179 posts
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 200 and 499 users
  • Has been a member for 6-7 years
mabuc says

this usualy happens in Chrome than in FF. I have fixed this in Chrome with this:
-webkit-transform: translate3d(0,0,0);

You can try something similar in FF (maybe just “transform: translate3d(0,0,0);”, or google FF alternative for this attribute)

thanks man but it won’t work..

1179 posts
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 200 and 499 users
  • Has been a member for 6-7 years
mabuc says

here’s my code

.team-list img { width:167px; height:121px; }
.team-list img:hover { opacity:0.4 }

just a regular hover code..

thanks

3747 posts
  • Won a Competition
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Spain
  • Referred between 200 and 499 users
+5 more
pezflash says
It’s a known issue on Firefox only for scaled images (and depends on screen size). Bug log:
https://bugzilla.mozilla.org/show_bug.cgi?id=745549

I solved it using css
-moz-backface-visibility: hidden;

on both your img and img:hover element.

1179 posts
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Sold between 10 000 and 50 000 dollars
  • Bought between 10 and 49 items
  • Referred between 200 and 499 users
  • Has been a member for 6-7 years
mabuc says

thanks pez.. that worked..

by
by
by
by
by
by