1攒驰、transform3d變換看不到近大遠(yuǎn)小的立體效果疯淫。
解決:給做變換的標(biāo)簽的父級(jí)的css樣式中設(shè)置perspective景深里覆。
景深:通俗講就是用戶在多遠(yuǎn)之處來看這個(gè)元素陪腌。
-webkit-perspective:200px;
perspective:200px;
2、父級(jí)做transform3d變換時(shí)莫绣,默認(rèn)不會(huì)保留子級(jí)transform3d變換畴蒲。
解決:在父級(jí)的css樣式中設(shè)置保留子級(jí)3D變換
#father{
-webkit-transform-style:preserve-3d;//保留子級(jí)3D變換
transform-style:preserve-3d;
}
默認(rèn)設(shè)置:transform-style:flat;//不保留子級(jí)3D變換