HTML＆amp; CSS - Safari网络和移动设备无法正常工作

Question

你好，我在avatar上有一些动画，但在Safari上不起作用 动画是关于化身的两行。我添加了@-webkit-keyframes，但仍然没有任何变化。代码在这里：

（调用关键帧的头等舱）

.bp-user {

    content: '';
    animation: clipMe 8s linear infinite;
    -webkit-animation: clipMe 8s linear infinite;
    -moz-animation: clipMe 8s linear infinite;
    -ms-animation: clipMe 8s linear infinite;
    -o-animation: clipMe 8s linear infinite;
}

（适用于Chrome但不适用于safari的关键帧）

@-webkit-keyframes clipMe {

    0%, 100% {clip: rect(0px, 160px, 0px, 0px);}
    25% {clip: rect(0px, 0px, 160px, 0px);}
    50% {clip: rect(160px, 160px, 160px, 0px);}
    75% {clip: rect(0px, 160px, 160px, 160px);}
    100% {clip: rect(0px, 160px, 0px, 0px);}
}