1179 posts
  • Has referred 200+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
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

610 posts
  • Has sold $40,000+ on Envato Market
  • Located in Slovakia
  • Has been part of the Envato Community for over 2 years
  • Won a Most Wanted contest
+3 more
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
  • Has referred 200+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
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
  • Has referred 200+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
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

3752 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 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
  • Has referred 200+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
mabuc says

thanks pez.. that worked..

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by