关于旋转问题

求大神指教如何变为左右旋转？我更改了代码但是有些小瑕疵！

贝儿谦

2017-10-10

源自：十天精通CSS3 12-4

关注问题我要回答

1605

操作

收起

5 回答

爱上慕婉清6262634 回答被采纳 +2 积分
2017-10-12

.item:hover {

transform: translateZ(-50px) rotateY(180deg);

}

.item img {

transform: translateZ(0px);

}

.item .information {

transform: rotatey(180deg) translateZ(0px);

}

0 回复有任何疑惑可以回复我~

#1

贝儿谦提问者

Thanks

2017-10-18 回复有任何疑惑可以回复我~

慕移动9181930
2022-03-25

不用去兼容低版本IE的话，用这个方便好吧我知道了原来老师是在 h t m l 页面中写了 j s 函数调用的 f o o t b a l l .p l a y ()嘻嘻完美解决了我的问题

0 回复有任何疑惑可以回复我~

卧龙不言
2018-02-20

666

0 回复有任何疑惑可以回复我~

爱上慕婉清6262634
2017-10-13

再来个精装版的

.item:hover {transform: translateZ(155px) rotatey(-90deg); }

.item .information{transform: rotatey(-90deg) translateZ(-155px) translatex(-155px);}

.item:hover img {transform:translatez(155px) translatex(-155px);}

.item:hover .information { transform:rotatey(90deg);}

0 回复有任何疑惑可以回复我~

慕码人3569980
2017-10-10

问题有些含糊，没明白你具体问的什么？直接上代码？以及想要实现的效果

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242548 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

1 回答关于旋转提问rotate

2 回答rotate旋转问题

1 回答关于9-10 3d旋转导航

2 回答旋转角度的问题

2 回答字体旋转变化问题

搜索更多本课相关问答

关于旋转问题

我要回答关注问题

意见反馈帮助中心 APP下载