title: Pulse effect with CSS box-shadow by using jQuery
body: <p>I am trying to create pulse effect with css box-shadow by using jquery. I tried following code but completely failed. <strong>What i am trying to achieve is a smooth pulse effect with box-shadow</strong> </p>
  
  <p>The code that i tried is
  html</p>
  
  <pre><code>&lt;div class="one"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.one {
      width: 100px;
      height: 100px;
      background: red;
      -webkit-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);
      -moz-box-shadow:    -1px -1px 5px rgba(50, 50, 50, 0.75);
      box-shadow:         -1px -1px 5px rgba(50, 50, 50, 0.75);
  }
  .two {
      width: 100px;
      height: 100px;
      background: red;
      -webkit-box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
      -moz-box-shadow:    -1px -1px 13px rgba(50, 50, 50, 0.75);
      box-shadow:         -1px -1px 13px rgba(50, 50, 50, 0.75);
  }
  </code></pre>
  
  <p>jquery</p>
  
  <pre><code>$("div").setInterval(function() {
     $(this).toggleClass(".two");
  }, 1000);
  </code></pre>
  
  <p>fiddle <a href="http://jsfiddle.net/KXp4D/2/" rel="nofollow">http://jsfiddle.net/KXp4D/2/</a></p>