The image flashes at zoom in FireFox 45. Example:

.hoverPop { -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.42, 1); -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.42, 1.75); transition: all 0.5s cubic-bezier(0.42, 0, 0.42, 1.75); } .hoverPop:hover { -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); } img { border: 0; vertical-align: middle; max-width: 100%; } .imgwrap { width: 65px; margin: 0 auto 12px auto; height: 65px; } 
 <div class="imgwrap"> <img class="hoverPop" src="http://i1175.photobucket.com/albums/r631/Bananafarma/testIcon_zpsfrhmw5qd.png" alt="test"> </div>

    1 answer 1

    The problem is solved as follows:

     img { image-rendering: optimizeQuality; }