title: Can box-shadow CSS property be animated? Chrome animates, Firefox does not
body: <p>Below is the jsfiddle.net example:</p>
  
  <p><a href="http://jsfiddle.net/PGa2H/" rel="nofollow">http://jsfiddle.net/PGa2H/</a></p>
  
  <p>CSS</p>
  
  <pre><code>@keyframes blink {
      0% { box-shadow: 0 0 15px green; }
      50% { box-shadow: 0 0 0; }
      100% { box-shadow: 0 0 15px green; }
  }
  
  @-webkit-keyframes blink {
      0% { box-shadow: 0 0 15px green; }
      50% { box-shadow: 0 0 0; }
      100% { box-shadow: 0 0 15px green; }
  }
  
  .blink {
      -webkit-animation: blink 1.0s linear infinite;
      animation: blink 1.0s linear infinite;
  }
  </code></pre>
  
  <ul>
  <li><p>Box shadow animation works in Chrome</p></li>
  <li><p>Does not work in Firefox</p></li>
  </ul>
  
  <p>Questions</p>
  
  <ul>
  <li><p>Which CSS3 properties can be animated?</p></li>
  <li><p>Where this is specified?</p></li>
  <li><p>If there is an issue with Firefox, is there a reference for it</p></li>
  </ul>