我无法弄清楚为什么这个线性渐变动画不适用于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;
}
}
谢谢! :)