title: Isotope animation effects not working
body: <p>I have tried using some CSS3 transition on isotope items but its not working properly, elements act in a weird way. What im trying to achieve is for items to have a fading effect, same as this one here <a href="http://www.keatonpricedesign.com/#works" rel="nofollow">http://www.keatonpricedesign.com/#works</a>. Thanks in advance</p>
  
  <p>He is what i have <a href="http://codepen.io/GranitS/pen/VYmNdJ" rel="nofollow">http://codepen.io/GranitS/pen/VYmNdJ</a></p>
  
  <pre><code>&lt;div id="filters" class="button-group"&gt;
  &lt;button class="button is-checked" data-filter="" id="all-filter"&gt;All&lt;/button&gt;
  &lt;button class="button" data-filter=".one"&gt;One&lt;/button&gt;
  &lt;button class="button" data-filter=".two"&gt;Two&lt;/button&gt;
  &lt;button class="button" data-filter=".three"&gt;Three&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="isotope"&gt;
  &lt;div class="item one"&gt; 1 &lt;/div&gt;
  &lt;div class="item two"&gt; 2 &lt;/div&gt;
  &lt;div class="item three"&gt; 3 &lt;/div&gt;
  &lt;div class="item four"&gt; 4 &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.item{
  width:50px; height:50px;
  background-color:red;
  float:left;
  padding:20px;
  margin:20px;
  }
  
  .isotope,
  .isotope .item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
     -ms-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
  }
  
  .isotope {
  -webkit-transition-property: height, width;
   -moz-transition-property: height, width;
    -ms-transition-property: height, width;
     -o-transition-property: height, width;
        transition-property: height, width;
  }
  
  .isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
     -o-transition-property:      -o-transform, opacity;
        transition-property:         transform, opacity;
  }
  </code></pre>