На моем сайте я добавляю тег изображения. Изображение имеет SVG-формат и содержит встроенные стили, которые анимируют SVG. Это больше не работает в Safari версии 13.1.
Включение всего встроенного кода SVG работает, но не при включении в тег изображения.
HTML:
<img src="my-animated-svg.svg" alt="" />
Код изображения SVG:
<svg version="1.1" class="wufoo-ad" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
<style>
.wufoo-letter {
animation: kaboom 1s ease alternate infinite;
}
@keyframes kaboom {
90% {
transform: scale(1.0);
}
100% {
transform: scale(1.1);
}
}
</style>
<rect fill="#D03E27" width="400" height="400"/>
<g>
<path fill="#F4F4F4" class="wufoo-letter" d="M60.858,129.642L30.163,60.579l20.81-4.05l9.402,26.003c2.916,8.116,6.081,17.52,8.701,24.691l0.215-0.041
c-0.514-8.361-0.703-17.343-0.806-26.452l-0.565-27.5l20.703-4.029l9.933,27.012c2.895,8.01,5.3,15.223,7.852,23.188l0.215-0.042
c-0.493-8.254-0.875-17.086-1.237-25.811L104.5,46.113l19.63-3.82l-3.737,75.764l-21.132,4.112L88.923,94.79
c-2.304-6.121-4.585-12.691-7.221-21.084l-0.214,0.041c0.491,8.812,0.84,15.758,0.806,22.444l0.02,29.276L60.858,129.642z"/>
<path class="wufoo-letter" fill="#F4F4F4" d="M148.403,62.895l-5.803,41.331c-1.549,11.036,1.356,17.843,9.039,18.921
c7.79,1.095,12.381-4.108,14.007-15.686l5.803-41.33l19.583,2.75l-5.651,40.249c-3.16,22.505-16.007,32.285-36.456,29.414
c-20.016-2.811-28.977-15.211-25.68-38.689l5.575-39.708L148.403,62.895z"/>
<path class="wufoo-letter" fill="#F4F4F4" d="M186.189,51.906l47.135-3.928l1.333,16.002l-27.431,2.286l1.134,13.607l25.799-2.151l1.324,15.894
l-25.799,2.149l2.323,27.867l-19.704,1.642L186.189,51.906z"/>
<path class="wufoo-letter" fill="#F4F4F4" d="M307.834,96.642c0,23.716-14.208,38.799-36.94,38.799c-22.843,0-35.41-17.159-35.41-37.597
c0-21.421,14.098-38.47,36.612-38.47C295.812,59.374,307.834,76.969,307.834,96.642z M256.358,97.517
c0,13.77,6.011,22.295,15.519,22.295s15.082-9.289,15.082-22.515c0-12.677-5.683-22.294-15.191-22.294
C262.369,75.002,256.358,83.964,256.358,97.517z"/>
<path class="wufoo-letter" fill="#F4F4F4" d="M369.837,78.776c0,23.717-14.207,38.799-36.94,38.799c-22.842,0-35.409-17.159-35.409-37.597
c0-21.421,14.098-38.471,36.612-38.471C357.815,41.508,369.837,59.104,369.837,78.776z M318.361,79.65
c0,13.771,6.011,22.296,15.519,22.296c9.509,0,15.082-9.29,15.082-22.514c0-12.679-5.682-22.296-15.19-22.296
C324.372,57.136,318.361,66.098,318.361,79.65z"/>
</g>
</svg>
Работал в Safari 13.0.2, Chrome, Firefox .. но не больше в Safari 13.1
Кто-нибудь может представить, в чем может быть проблема?