image moves on hover – chrome opacity issue

by

Another solution would be to use 

-webkit-backface-visibility: hidden;

on the hover element that has the opacity.
Backface-visibility relates to transform, so @Beskow‘s has got something to do with it. Since it is a webkit specific problem you only need to specify the backface-visibility for webkit. There are other vendor prefixes.

See http://css-tricks.com/almanac/properties/b/backface-visibility/ for more info.

More Related Contents:

  1. Is there any way to hover over one element and affect a different element? [duplicate]
  2. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  3. How to make in CSS an overlay over an image?
  4. Removing the image border in Chrome/IE9
  5. Set opacity of background image without affecting child elements
  6. How can I force WebKit to redraw/repaint to propagate style changes?
  7. What is a user agent stylesheet?
  8. CSS opacity only to background color, not the text on it? [duplicate]
  9. Change opacity on all elements except hovered one
  10. How to set opacity in parent div and not affect in child div? [duplicate]
  11. CSS disable hover effect
  12. Bootstrap icons are loaded locally but not when online
  13. Can you set a border opacity in CSS?
  14. How to force Chrome browser to reload .css file while debugging in Visual Studio?
  15. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  16. Font-size issues comparing chrome and Firefox
  17. How do I stop Chrome from yellowing my site’s input boxes?
  18. Symfony2 – Assetic – load images in CSS
  19. Background images: how to fill whole div if image is small and vice versa
  20. div background color, to change onhover
  21. font-face with wrong MIME type in Chrome
  22. CSS hover border makes elements adjust slightly
  23. Custom.css has stopped working in 32.0.1700.76 m Google Chrome update
  24. how to override font boosting in mobile chrome
  25. prevent a pseudo element from triggering hover?
  26. Contain an image within a div?
  27. chrome : how to turn off user agent stylesheet settings?
  28. Font-size
  29. Combine CSS Attribute and Pseudo-Element Selectors?
  30. Inner border over images with CSS?

Leave a Comment