css 2D变形

Posted yuh_c

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 2D变形相关的知识,希望对你有一定的参考价值。

旋转rotate 旋转rotate()函数 通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。 如果这个值为 正值 ,元素相对原点中心 顺时针 旋转;如果这个值为 负值 ,元素相对原点中心 逆时针 旋转。 transform:rotate(-20deg);
缩放动画scale    scale()函数 让元素根据中心原点对对象进行缩放;  1、 scale(X,Y)使元素水平方向和垂直方向同时缩放(也就是X轴和Y轴同时缩放) 如:
transform: scale(1.5,0.5); 如果第二个参数没有设置,则第二个参数等于第一个参数
2、scaleX(x)元素仅水平方向缩放(X轴缩放) 如:

  
   
   
transform: scale(2,1); 
    
     
     

      
       
       

        
         
         

          
           
           

            
             
             

              
               
               

                
                 
                 

                  
                   
                   

                    
                     
                     

                      
                       
                       

                        
                         
                         

                          
                           
                           

                            
                             
                             

                              
                               
                               

                                
                                 
                                 

                                  
                                   
                                   

                                    
                                     
                                     

                                      
                                       
                                       

                                        
                                         
                                         

                                          
                                           
                                           

                                            
                                             
                                             

                                              
                                               
                                               

                                                
                                                 
                                                 

                                                  
                                                   
                                                   

                                                    
                                                     
                                                     

                                                      
                                                       
                                                       

                                                        
                                                         
                                                         

                                                          
                                                           
                                                           

                                                            
                                                             
                                                             

                                                              
                                                               
                                                               

                                                                
                                                                 
                                                                 

                                                                  
                                                                   
                                                                   

                                                                    
                                                                     
                                                                     

                                                                      
                                                                       
                                                                       

                                                                        
                                                                         
                                                                         

                                                                          
                                                                           
                                                                           

                                                                            
                                                                             
                                                                             

                                                                              
                                                                               
                                                                               

                                                                                
                                                                                 
                                                                                 

                                                                                  
                                                                                   
                                                                                   

                                                                                    
                                                                                     
                                                                                     

                                                                                      
                                                                                       
                                                                                       
度不变,

                                                                              
                                                                               
                                                                               

                                                                                
                                                                                 
                                                                                 

                                                                                  
                                                                                   
                                                                                   

                                                                                    
                                                                                     
                                                                                     

                                                                                      
                                                                                       
                                                                                       

                                                                                        
                                                                                         
                                                                                         

                                                                                          
                                                                                           
                                                                                           

                                                                                            
                                                                                             
                                                                                             

                                                                                              
                                                                                               
                                                                                               

                                                                                                
                                                                                                 
                                                                                                 

                                                                                                  
                                                                                                   
                                                                                                   

                                                                                                    
                                                                                                     
                                                                                                     

                                                                                                      
                                                                                                       
                                                                                                       

                                                                                                        
                                                                                                         
                                                                                                         

                                                                                                          
                                                                                                           
                                                                                                           

                                                                                                            
                                                                                                             
                                                                                                             

                                                                                                              
                                                                                                               
                                                                                                               

                                                                                                                
                                                                                                                 
                                                                                                                 

                                                                                                                  
                                                                                                                   
                                                                                                                   

                                                                                                                    
                                                                                                                     
                                                                                                                     

                                                                                                                      
                                                                                                                       
                                                                                                                       

                                                                                                                        
                                                                                                                         
                                                                                                                       

以上是关于css 2D变形的主要内容,如果未能解决你的问题,请参考以下文章

保姆级解读!CSS属性transform变形+2D转换+3D转换实例+代码+解析——Web前端系列学习笔记

保姆级解读!CSS属性transform变形+2D转换+3D转换实例+代码+解析——Web前端系列学习笔记

前端基础学习CSS新特性之变形

前端基础学习CSS新特性之变形

前端基础学习CSS新特性之变形

Css3控制变形原点