title: Prevent some elements from being rendered canvas
body: <p><a href="http://gta4you.esy.es/" rel="nofollow noreferrer">This</a> is my website.</p>
  <p>I want the background of my nav-element to be blurred... I used html2canvas and stackblur for this, and you can find <a href="http://jsfiddle.net/nallenscott/WtQjY/41/" rel="nofollow noreferrer">the tutorial here</a>.</p>
  <p>My problem is now that I want to exclude the nav-element from being rendered in canvas, so it only shows the background when scrolling. Currently it’s only working in <a href="https://en.wikipedia.org/wiki/WebKit" rel="nofollow noreferrer">WebKit</a> browsers, because I don’t know how to add multiple properties to:</p>
  <blockquote>
  <p>&quot;-webkit-transform&quot;,</p>
  </blockquote>
  <p>This is my code:</p>
  <pre><code>&lt;script&gt;
      $(function () {
          html2canvas($(&quot;body&quot;), {
              onrendered: function (canvas) {
                  $(&quot;div.blurnav, div.blurnav.small&quot;).append(canvas);
                  $(&quot;canvas&quot;).attr(&quot;id&quot;, &quot;canvas&quot;);
                  stackBlurCanvasRGB(
                      'canvas',
                      0,
                      0,
                      $(&quot;canvas&quot;).width(),
                      $(&quot;canvas&quot;).height(),
                      20);
                  }
          });
          vv = setTimeout(function () {
              $(&quot;body&quot;).show();
              clearTimeout(vv);
          }, 200);
      });
  
      $(window).scroll(function () {
          $(&quot;canvas&quot;).css(
              &quot;-webkit-transform&quot;,
              &quot;translatey(-&quot; + $(window).scrollTop() + &quot;px)&quot;);
      });
  
      window.onresize = function () {
          $(&quot;canvas&quot;).width($(window).width());
      };
  
      $(document).bind('touchmove', function () {
          $(&quot;canvas&quot;).css(
              &quot;-webkit-transform&quot;,
              &quot;translatey(-&quot; + $(window).scrollTop() + &quot;px)&quot;);
      });
  
      $(document).bind('touchend', function () {
          $(&quot;canvas&quot;).css(
              &quot;-webkit-transform&quot;,
              &quot;translatey(-&quot; + $(window).scrollTop() + &quot;px)&quot;);
      });
  
  &lt;/script&gt;
  </code></pre>