The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › column-count not working in Chrome.
Hey guys, need some help.
For what ever reason the image hover animation only works for three of the images. The rest appear to be broken, but this only seems to be the case in chrome and I cant figure out why.
http://codepen.io/awesomephant/pen/spdbC
Hey,
I found a similar issue highlighted on chromium where the hover only works on the first column.
The issue was fixed by adding this, in your case to the .shots li elements:
.shots li
-webkit-column-break-inside: avoid; -webkit-backface-visibility: hidden;
Works for me now, though not 100% sure how :) http://codepen.io/timbarden/pen/Xbrzxy