问答详情
源自：12-4 制作3D旋转视频展示区

为什么鼠标hover上去，图片翻转上去后，文字翻转上来的位置偏下

为什么鼠标hover上去，图片翻转上去后，文字翻转上来的位置偏下，如下图所示，想知道这个位置怎么控制的，感谢

http://img.mukewang.com/5968806700017f1f06030167.jpg

提问者：year1233 2017-07-14 16:30

个回答

  • qq_Yqy_2
    2017-08-01 22:08:21

    .item:hover {

            /*任务四、悬浮状态改变每个列表项的transform效果*/

            -webkit-transform: translateZ(-50px) rotateX(95deg);

            -moz-transform: translateZ(-50px) rotateX(95deg);

            -ms-transform: translateZ(-50px) rotateX(95deg);

            -o-transform: translateZ(-50px) rotateX(95deg);

            transform: translateZ(-50px) rotateX(95deg);

            }

    是不是任务四的translateZ(-50px) 写成translateY(50px) 

    0
  • mengniu
    2017-07-15 15:00:04

    因为给出空间不够,字放不下,你可以调小字体或者更改图片翻上去后的容器宽度!

    0