title: Transition not executing properly
body: <p>I am trying to execute a transition for an image gallery. When the gallery transitions to the next slide, I will put it just to the left of the current slide, and slide it over the current slide by transitioning on its <code>left</code> style.</p>
  
  <p>My current markup:</p>
  
  <pre><code> &lt;section id="nd-gallery"&gt;
      &lt;div class="nd-slide nd-slide-current"&gt;
          slide 1
      &lt;/div&gt;
      &lt;div class="nd-slide nd-slide-next"&gt;
          slide 2
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Relevant CSS:</p>
  
  <pre><code>#nd-gallery{
      position:relative;
      height:100px;
      width:100px;
  }
  
  #nd-gallery &gt; .nd-slide{
      position:absolute;
      height:100px;
      height:100px;
      outline:1px solid red;
      left:-40px;
  }
  
  #nd-gallery &gt; .nd-slide.nd-slide-current{
      z-index:5;
      left:0;
  }
  </code></pre>
  
  <p>So, by default, I offset slides by moving them left by 40px (obviously I will hide them better outside of this demo with a larger offset)</p>
  
  <p>Now, with some script, I want to:</p>
  
  <ul>
  <li><p>Apply a new <code>left</code> value to the next slide to offset it (for the purpose of this demo, 50px which offset the next slide over the current slide by half)</p></li>
  <li><p>Assign the appropriate transition properties</p></li>
  <li><p>Assign a new <code>left</code> value so that the next slide will slide over the current slide</p></li>
  </ul>
  
  <p>SCRIPT:</p>
  
  <pre><code>var next = document.querySelector('.nd-slide-next');
  next.style.left = '-50px';
  next.style.transitionProperty = 'left';
  next.style.transitionDuration = '5s';
  next.style.left = '0';
  </code></pre>
  
  <p>However, when I run this, the next slide appears on top of the current slide without a transition:</p>
  
  <p><a href="http://jsfiddle.net/ACdc7/4/" rel="nofollow">http://jsfiddle.net/ACdc7/4/</a></p>
  
  <p>Note: Apparently Firefox performs the transition properly. In Chrome v.32 on Windows 7, the transition is not performed. Can anyone point out if I've done something incorrect, or perhaps I'm dealing with a bug in Chrome?</p>