线性渐变动画不适用于ios safari

时间:2016-07-22 08:00:25

标签: ios css safari css-animations

我无法弄清楚为什么这个线性渐变动画不适用于Ios safari,也不适用于桌面游戏。就像Chrome上的魅力一样。

.shining {
  -webkit-animation-name: shining;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
}

@-webkit-keyframes shining {
  0% {
    background-image: -webkit-linear-gradient(
                    top left,
                    rgba(255, 255, 255, 0.0) 0,
                    rgba(255, 255, 255, 0.0) 45%,
                    rgba(255, 255, 255, 0.5) 48%,
                    rgba(255, 255, 255, 0.8) 50%,
                    rgba(255, 255, 255, 0.5) 52%,
                    rgba(255, 255, 255, 0.0) 57%,
                    rgba(255, 255, 255, 0.0) 100%
    );
    background-repeat: no-repeat;
    background-position: -250px -250px;
    background-size: 600px 600px;
  }
  100% {
    background-repeat:no-repeat;
    background-position:250px 250px;
  }
}

谢谢! :)

0 个答案:

没有答案