scale3d()在谷歌 火狐浏览器为何没效果?
scaleZ()和scale3d()函数单独使用时是没有任何效果,需要配合其他的变形函数一起使用才会有效果。
第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); }
得设置火狐的内核