title: Is there a way to prevent the transition animation for the first page of bricks?
body: <p>Is there a way to prevent the transition animation for the first page of bricks? I like the animation for resizing and appending but I would like the first page of bricks to appear in place without the animation.</p>
  
  <p>I explored using the layoutComplete event but it gets triggered multiple times.</p>
  
  <pre><code>&lt;div ng-controller="AppsCtrl" masonry masonry-options="{ transitionDuration: '0.4s' }"&gt;
      &lt;div ng-repeat="app in Apps" class="masonry-brick"&gt;
          &lt;div id="{{app.id}}" class="sz-card sz-app md-whiteframe-2dp"&gt;
              &lt;a href="#"&gt;
                  &lt;div class="sz-card-image"&gt;
                      &lt;div class="sz-app-image"&gt;&lt;img src="../../app/images/{{app.imageFile}}"&gt;&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="sz-card-details"&gt;
                      &lt;div class="sz-card-name"&gt;{{app.name}}&lt;/div&gt;
                      &lt;div class="sz-card-settings"&gt;&lt;md-icon&gt;&amp;#xE8B8;&lt;/md-icon&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div scroll-trigger="loadMore()" threshold="100"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>