qq_慕尼黑1508941
2016-06-29 15:07
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);
}
得设置火狐的内核
CSS3实现漂亮ToolTips效果
42715 学习 · 106 问题
相似问题