title: Css transform not working with grid
body: <p>Why the second and third column is not working properly.</p>
  
  <p>I will just apply effects to images , but zooming does not work.</p>
  
  <p>As for the pictures on the column with chrome browser is going white.</p>
  
  <p>Live Demo : <a href="https://jsfiddle.net/nnk2rxb0/" rel="nofollow">https://jsfiddle.net/nnk2rxb0/</a></p>
  
  <p>My Code</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;
  &lt;div class="mask"&gt;
    &lt;img src="http://2.bp.blogspot.com/-HRWsU2uJbgw/UOllw5oCL5I/AAAAAAAAB9c/NbG0Q3Tb8PI/s1600/love_colorful-1920x1080.jpg"&gt;
    &lt;span&gt;Lorem ipsum dolor sit amet&lt;/span&gt;
    &lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
  &lt;div class="mask"&gt;
    &lt;img src="http://media-cache-ec0.pinimg.com/736x/c3/10/22/c3102281f88237e7a2515099d2e6651f.jpg"&gt;
    &lt;span&gt;Lorem ipsum dolor sit amet&lt;/span&gt;
    &lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
  &lt;div class="mask"&gt;
    &lt;img src="http://media-cache-ec0.pinimg.com/600x/0b/87/f4/0b87f4eb50b3d7a7c9d70d97234753ab.jpg"&gt;
    &lt;span&gt;Lorem ipsum dolor sit amet&lt;/span&gt;
    &lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
  &lt;div class="mask"&gt;
    &lt;img src="http://media-cache-ak0.pinimg.com/736x/2e/7f/db/2e7fdb7ed765973407fed0b0141bb126.jpg"&gt;
    &lt;span&gt;Lorem ipsum dolor sit amet&lt;/span&gt;
    &lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
  &lt;div class="mask"&gt;
    &lt;img src="http://media-cache-ec0.pinimg.com/736x/0f/d0/84/0fd0847f7b48e5f16d896f62baa31b97.jpg"&gt;
    &lt;span&gt;Lorem ipsum dolor sit amet&lt;/span&gt;
    &lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
  &lt;div class="mask"&gt;
    &lt;img src="http://media-cache-ec0.pinimg.com/600x/97/35/91/97359142dce582b4530cb0f23fbe2e43.jpg"&gt;
    &lt;span&gt;Lorem ipsum dolor sit amet&lt;/span&gt;
    &lt;/div&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  
  ul{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;list-style:none;}
  ul li{display:inline-block;background:#fff;margin-bottom:10px;}
  ul li:hover img{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
  ul li img{width:100%;}
  ul li .mask{overflow:hidden;}
  </code></pre>