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

关于旋转问题

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

提问者:贝儿谦 2017-10-10 09:42

个回答

  • 爱上慕婉清6262634
    2017-10-12 10:26:41
    已采纳

    .item:hover {

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

    }

    .item img {

    transform: translateZ(0px);

     }

     .item .information {

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

    }

            


  • 慕移动9181930
    2022-03-25 06:09:10

    不用去兼容低版本IE的话,用这个方便htmljsfootball.play()

  • 卧龙不言
    2018-02-20 12:19:01

    666

  • 爱上慕婉清6262634
    2017-10-13 14:48:10

    再来个精装版的

    .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);}


  • 慕码人3569980
    2017-10-10 17:31:05

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