作者:三生石512606 | 来源:互联网 | 2023-05-16 14:15
Thishasreallybeenkillingme,notsurewhattheissueisbecauseIhaveallthe-moz-options.这真
This has really been killing me, not sure what the issue is because I have all the -moz- options.
这真的让我很伤心,不知道问题是什么,因为我有所有-moz-选项。
Animation works fine in webkit but not Firefox.
动画在webkit中运行良好但在Firefox中运行良好。
Here's my CSS:
这是我的CSS:
@-webkit-keyframes flip {
from {
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
to {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
}
@keyframes flip {
0% {
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
100% {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
}
.jig-loaded img {
-webkit-animation: flip 1.0s !important;
animation: flip 1.0s !important;
-moz-animation: flip 10.0s !important;
}
Thanks so much!
非常感谢!
1 个解决方案