scailing hover effect doesn't work, Chrome


If you take a look at this page with FF:, then you will see a hover effect on the images on the bottom, but in Chrome, it doesn't work, cant quite figure out why ?

The code in pretty straight forward and Chrome, should be able to understand the "scale" ?

.case-item img {


.case-item .img-thumb img { opacity: 0.25; }

.case-item .img-thumb:hover img { opacity: 0.6; transform: scale(1.3) rotate(10.5deg); }

Problem courtesy of: nuffsaid


You need the -webkit- prefix, source:

Solution courtesy of: Jon Snow


There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.