问答详情
源自:1-6 汽泡特效动画制作(3)

scale3d(x,y,z) 在谷歌 火狐中为何没效果

scale3d()在谷歌 火狐浏览器为何没效果?

提问者:qq_慕尼黑1508941 2016-06-29 15:07

个回答

  • ca_xy15
    2016-07-29 17:03:36

    scaleZ()和scale3d()函数单独使用时是没有任何效果,需要配合其他的变形函数一起使用才会有效果。

  • 慕哥5134882
    2016-07-14 11:07:07

    第5个气泡得设置translateY而不是Origin

    .tooltip-effect-5 .tooltip-content {
    	-webkit-transform: scale3d(0,1,0) translateY(50%);
    	-moz-transform: scale3d(0,1,0) translateY(50%);
    	-ms-transform: scale3d(0,1,0) translateY(50%);
    	-o-transform: scale3d(0,1,0) translateY(50%);
    	transform: scale3d(0,1,0) translateY(50%);
    }
    .tooltip:hover .tooltip-content {
    	transform: scale3d(1,1,1) translateY(0);
    }


  • weibo_IT姑娘不爱编程_0
    2016-07-12 16:53:18

    得设置火狐的内核