怎么设置元素同时在X轴及Y轴方向旋转?
html5吧
全部回复
仅看楼主
level 7
最炫月 楼主
1. .warp:hover{
-webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
-webkit-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
2.
-webkit-transform: rotateX(360deg),rotateY(360deg);
-ms-transform: rotateX(360deg),rotateY(360deg);
-o-transform: rotateX(360deg),rotateY(360deg);
transform: rotateX(360deg),rotateY(360deg);
3.
-webkit-transform: rotate(360deg,360deg);
-ms-transform: rotate(360deg,360deg);
-o-transform: rotate(360deg,360deg);
transform: rotate(360deg,360deg);
这三种我都试了,都不行。求大神指导
2016年05月09日 12点05分 1
level 6
只是这样写 没有引入动画吗
2016年05月09日 16点05分 2
level 7
最炫月 楼主
还没学到[滑稽]
2016年05月10日 00点05分 3
level 7
最炫月 楼主
一切还是靠自己。
-webkit-transform: rotateY(360deg) rotateX(360deg);
-ms-transform: rotateY(360deg) rotateX(360deg);
-o-transform: rotateY(360deg) rotateX(360deg);
transform: rotateY(360deg) rotateX(360deg);
2016年05月10日 01点05分 4
level 7
最炫月 楼主
给后来的人看
2016年05月10日 01点05分 5
谢谢
2018年11月10日 07点11分
我第一眼看 也以为是没加动画 没时间 360度旋转完 效果都一样 说以看不出来
2018年11月10日 07点11分
1