                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3实现漂亮ToolTips效果

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

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

qq_慕尼黑1508941

2016-06-29

源自：CSS3实现漂亮ToolTips效果 1-6

关注问题我要回答

2558

操作

收起

3 回答

ca_xy15
2016-07-29

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

0 回复有任何疑惑可以回复我~

收起回答

慕哥5134882
2016-07-14

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