                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /CSS3
                        
                        /CSS3實(shí)現(xiàn)漂亮ToolTips效果

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

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

qq_慕尼黑1508941

2016-06-29

源自：CSS3實(shí)現(xiàn)漂亮ToolTips效果 1-6

關(guān)注問(wèn)題我要回答

2600

操作

收起

3 回答

ca_xy15
2016-07-29

scaleZ()和scale3d()函數(shù)單獨(dú)使用時(shí)是沒(méi)有任何效果，需要配合其他的變形函數(shù)一起使用才會(huì)有效果。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

artorias443
2016-07-14

第5個(gè)氣泡得設(shè)置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);
}