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

来源:12-4 制作3D旋转视频展示区

year1233

2017-07-14 16:30

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

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

写回答 关注

2回答

  • 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) 

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

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

十天精通CSS3

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

242553 学习 · 2623 问题

查看课程

相似问题