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);
}得设置火狐的内核