Safari浏览器中CSS翻译动画跳动

Question

我在悬停时有一个css动画，其行为类似于css变换比例动画，但是我没有使用比例，因为在比例（1.5）上，例如文本和bg图像变得模糊并失去了质量。

因此，我不使用变换比例，而是将悬停时将内部框的尺寸增加到宽度：130％，将高度也增加到130％，并使用绝对位置使用平移将其在较小的框中居中。

我的css是：

const MyType* foo(const uint8_t* a)
{
    uintptr_t uip = (uintptr_t) a; 

    return (const MyType*) uip;
}

这是一个完整的示例：https://jsfiddle.net/exleedo/omkcqhzx/1/

但是该动画在Safari和IE中跳动且不流畅。有什么方法可以使野生动物园的同一个动画变得流畅？