title: Css blurry glass effect filters not working
body: <p>I am trying to do a css blurry glass effect with filters, but it's not working in the way it should.
  The div has no opacity at all and it's not blurry.
  Code(CSS):</p>
  
  <pre><code>#siteDesc
  {
      text-align: center;
      background-color: #FFFFFF;
      width: 1200px;
      margin: 0 auto;
      margin-top: 30px;
      padding: 10px;
      padding-bottom: 20px;
      border-radius: 5px;
  }
  #siteDesc:after
  {
      opacity: 0.7;
      filter: blur(1px);
      -moz-filter: blur(1px);
      -webkit-filter: blur(1px);
      -o-filter: blur(1px);
  }
  </code></pre>
  
  <p><strong>Edit:</strong></p>
  
  <p>Link to jsfiddle: <a href="http://jsfiddle.net/qy1sar8h/" rel="nofollow">http://jsfiddle.net/qy1sar8h/</a></p>