CSS转换:rotate3d使用透视进行动画处理

时间:2014-10-18 23:26:25

标签: css3

我有一个轮子,我想在保持透视的同时旋转 下面的代码允许我旋转轮子,但我不能保持一个有角度的视角

@keyframes mywheel {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
角度透视:

@keyframes mywheel {
    from { transform:rotate3d(0, 1, 0, 65deg); }
    to { transform:rotate3d(0, 1, 0, 65deg); }
}

如何在保持透视的同时组合2并旋转img?

这是my fiddle

已修复这有效:

@keyframes mywheel {
    from { transform:rotate3d(0, 1, 0, 65deg); rotate(0deg); }
    to { transform:rotate3d(0, 1, 0, 65deg); rotate(-360deg);}
}

0 个答案:

没有答案