title: Is there a way to ignore the transparent space of an SVG file?
body: <p>The fiddle located here: <a href="https://jsfiddle.net/fe580v7y/3/" rel="nofollow">JSFiddle</a> shows my current issue.  I have been trying for hours to find a way to get rid of the transparent pixels in the SVG but I haven't had any luck.  I've tried adding an img tag to the div but that didn't work.  I have searched on masking but it leads no where because I can get any of their examples to work.  I've used image maps in the past but I can't find one that works with SVG files.  Can anyone help me solve this problem?</p>
  
  <p>html</p>
  
  <pre><code>&lt;div id="t1"&gt;
    &lt;div id="t1anchor" class="TPulse"&gt;
      &lt;div id="t1inner"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#t1anchor:hover {
    -webkit-animation: TPulse 1s ease-in-out infinite;
    -moz-animation: TPulse 1s ease-in-out infinite;
    animation: TPulse 1s ease-in-out infinite;
  }
  
  #t1anchor {
    background-color: transparent;
    left: 0;
    top: 50%;
    width: 62px;
    height: 84px;
    position: fixed;
    background: url(http://m-a.no-ip.org/enter/tbr/images/twitterpull-right.svg) no-repeat;
    box-shadow: -10px -10px -10px rgba(24, 176, 236, 0.75);
  }
  
  @-webkit-keyframes TPulse {
    0% {
      box-shadow: -1px -1px 5px rgba(24, 176, 236, 0.50);
    }
    50% {
      box-shadow: -1px -1px 100px rgba(24, 176, 236, 1);
    }
    100% {
      box-shadow: -1px -1px 5px rgba(24, 176, 236, 0.50);
    }
  }
  
  @-moz-keyframes TPulse {
    0% {
      box-shadow: -1px -1px 5px rgba(24, 176, 236, 0.50);
    }
    50% {
      box-shadow: -1px -1px 100px rgba(24, 176, 236, 1);
    }
    100% {
      box-shadow: -1px -1px 5px rgba(24, 176, 236, 0.50);
    }
  }
  
  @keyframes TPulse {
    0% {
      box-shadow: -1px -1px 5px rgba(24, 176, 236, 0.50);
    }
    50% {
      box-shadow: -1px -1px 100px rgba(24, 176, 236, 1);
    }
    100% {
      box-shadow: -1px -1px 5px rgba(24, 176, 236, 0.50);
    }
  }
  </code></pre>