title: SVG image not display on Safari browser
body: <p>I have one problem which I don't know how to resolve it.</p>
  <p>I have one SVG image and I have added animation on it using CSS it works fine in Chrome and Mozilla except in Safari.</p>
  <p>The problem is that I can't see the image displayed in Safari.</p>
  <pre><code> &lt;object
     type=&quot;image/svg+xml&quot;
     class=&quot;img-sth&quot;
     height=&quot;150&quot;
     width=&quot;150&quot;
     data=&quot;/img/image.svg&quot;&gt;
   &lt;/object&gt;
  </code></pre>
  <p>I have added animation on it using CSS:</p>
  <pre><code>.img-sth {
    position: absolute;
    height: 80px;
    top: -3px;
    left: 16px;
    -webkit-animation:spin-faster 4s linear 0.01s infinite;
    -moz-animation:spin-faster 4s linear 0.01s infinite;
    animation:spin-faster 4s linear 0.01s infinite;
  }
  
  @-moz-keyframes spin-faster { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin-faster { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin-faster { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  </code></pre>
  <p>Any idea?</p>