title: Box-shadow transition not working
body: <p>I want a box shadow to appear on hover and transition to it.  I have the classes below.  The shadow appears, but without transition.</p>
  
  <p>I'm looking at it in a chrome browser and can see the transition is applied within developer tools both in the hover and no-hover states.</p>
  
  <pre><code>.node{
    -webkit-transition: box-shadow .25s linear;
    -moz-transition: box-shadow .25s linear;
    -ms-transition: box-shadow .25s linear;
    -o-transition: box-shadow .25s linear;
    transition: box-shadow .25s linear;
  }
  
  .node:hover{
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  }
  </code></pre>
  
  <p>Now here's the twist.  If I apply the transition properties to an ID that's set on the container, then it works!?  What difference does it make to set transitions on an element using an ID vs a class?</p>