Tengo un problema que no se como solucionarlo.

Tengo una imagen SVG y le agregué animación usando CSS. Funciona bien en Chrome y Mozilla, excepto en Safari.

El problema es que no puedo ver la imagen que se muestra en Safari.

 <object type="image/svg+xml" class="img-sth" height="150" width="150" data="/img/image.svg"> </object>

He agregado animación usando CSS:

 .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); } }

¿Alguna idea?