作者:暗夜风线_371 | 来源:互联网 | 2023-08-20 18:58
对于keyframes旋转我做了个几个测试
测试1:
1 2 3 4 5 6 7 8 9 10 11
| @keyframes rotateClockZoomIn
{
0%{
-webkit-transform:rotate3d(0,0,1,-360deg);
transform:rotate3d(0,0,1,-360deg);
}
100%{
-webkit-transform:rotate3d(0,0,1,0deg);
transform:rotate3d(0,0,1,0deg);
}
} |
测试2:
1 2 3 4 5 6 7 8 9 10 11
| @keyframes rotateClockZoomIn
{
0%{
-webkit-transform:rotate3d(0,0,1,-360deg);
transform:rotate3d(0,0,1,-360deg);
}
100%{
-webkit-transform:rotate3d(0,0,1,1deg);
transform:rotate3d(0,0,1,1deg);
}
} |
上面两个测试代码在手机上不会执行旋转,可能是360的整数倍(接近也算)导致的,请问谁有比较好的解决方案吗?