                        課程
                    
                        /前端開發
                        
                            /CSS3
                        
                        /CSS3實現漂亮ToolTips效果

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

scale3d()在谷歌火狐瀏覽器為何沒效果？

qq_慕尼黑1508941

2016-06-29

源自：CSS3實現漂亮ToolTips效果 1-6

關注問題我要回答

2619

操作

收起

3 回答

ca_xy15
2016-07-29

scaleZ()和scale3d()函數單獨使用時是沒有任何效果，需要配合其他的變形函數一起使用才會有效果。

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

收起回答

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