最近在一个页面里做一个扑克牌的旋转效果,测试的时候发现,在chrome上和Android设备上旋转效果都是没问题的,但是在ios设备上就完全没效果,这可急坏了宝宝,网上各路大神给的解决方案都是加上-webkit-
前缀就可以,但是我试了一下,还是没有效果,之后就开始一路寻找破解方案之路。
这是我开始的代码
.animation3d {
animation:rotate 0.2s infinite linear;
}
@keyframes rotate{
0%{
transform: rotate3d(0,1,0,0deg)