title: css media query to target all browsers except for IE
body: <p>I'm looking for a mediaquery to target all browsers except for IE. </p>
  
  <p>For example:</p>
  
  <pre><code>    @media (........) {
  
      }
  </code></pre>
  
  <p>Is there a way to do this?</p>
  
  <p>I'm using sass-bootstrap, so maybe there's a option in there.</p>
  
  <p>Thanks!</p>
  
  <p>Here's the code that doesn't work in IE:</p>
  
  <pre><code>.animations {
      .legend {
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000;
          animation: internetmarketing 3s linear forwards;
      }
      .line {
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000;
          animation: internetmarketing 3s linear forwards;
          animation-delay: 2s;
      }
  }
  
  @keyframes internetmarketing {
      to {
          stroke-dashoffset: 0;
      }
  }
  </code></pre>