您的位置：首页 > 其它

transform-style: preserve-3d和 perspective透视

2017-03-25 14:01 519 查看
1.perspective
/*电脑显示屏是一个2D平面，图像之所以具有立体感（3D效果），其实只是一种视觉呈现 ，通过透视可以实现此目的。 perspective
通过透视产生的3D效果，只是视觉呈现而已，并不是真正的3d立体的盒子；就是远小近大的效果
*/
/*透视是设置在父元素中然后作用在所有设置了translateZ属性的子元素上*/
/*沿着轴移动*//* translateZ 必须添加透视 才能看到效果*/transform:translateZ(600px);
2.transform-style: preserve-3d
/*transform-style: preserve-3d这个属性必须设置在父元素身上并且父元素有转换(就是有变形)并且子元素也得有转换(变形)才能看得到效果*/

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航