• 

      

      2. <span id="z4nqb"></span>
      


      
	
      
		
      transition
      
		
		
	
      

      

      
	
      
		
      語法：
      
		
      
			
      transition：<single-transition>[,<single-transition>]*
      
			
      <single-transition> = [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>
      
			
      默認(rèn)值：看每個(gè)獨(dú)立屬性
      
			
      適用于：所有元素，包含偽對象:after和:before
      
			
      繼承性：無
      
			
      動(dòng)畫性：否
      
			
      計(jì)算值：看每個(gè)獨(dú)立屬性
      
			
      媒體：交互
      
		
      
	
      
	
      
		
      取值：
      
		
      
			
      
				
      <' transition-property '>：
      
				
      檢索或設(shè)置對象中的參與過渡的屬性
      
				
      <' transition-duration '>：
      
				
      檢索或設(shè)置對象過渡的持續(xù)時(shí)間
      
				
      <' transition-timing-function '>：
      
				
      檢索或設(shè)置對象中過渡的動(dòng)畫類型
      
				
      <' transition-delay '>：
      
				
      檢索或設(shè)置對象延遲過渡的時(shí)間
      
			
      
		
      
	
      
	
      
		
      說明：
      
		
      
			復(fù)合屬性。檢索或設(shè)置對象變換時(shí)的過渡。
			
        
                
      • 注意：如果只提供一個(gè)<time>參數(shù)，則為 <' transition-duration '> 的值定義；如果提供二個(gè)<time>參數(shù)，則第一個(gè)為 <' transition-duration '> 的值定義，第二個(gè)為 <' transition-delay '> 的值定義
        • 
				
      • 可以為同一元素的多個(gè)屬性定義過渡效果。示例：
					
        
						
        縮寫方式：
        
						
        transition:
		border-color .5s ease-in .1s,
		background-color .5s ease-in .1s,
		color .5s ease-in .1s;
        
					
        
					
        
						
        拆分方式：
        
						
        transition-property: border-color, background-color, color;
transition-duration: .5s, .5s, .5s;
transition-timing-function: ease-in, ease-in, ease-in;
transition-delay: .1s, .1s, .1s;
        
					
        
				
        • 
				
      • 如果定義了多個(gè)過渡的屬性，而其他屬性只有一個(gè)參數(shù)值，則表明所有需要過渡的屬性都應(yīng)用同一個(gè)參數(shù)值。據(jù)此可以對上面的例子進(jìn)行縮寫：
					
        
						
        拆分方式：
        
						
        transition-property: border-color, background-color, color;
transition-duration: .5s;
transition-timing-function: ease-in;
transition-delay: .1s;
        
					
        
				
        • 
				
      • 如果需要定義多個(gè)過渡屬性且不想指定具體是哪些屬性過渡，同時(shí)其他屬性只有一個(gè)參數(shù)值，據(jù)此可以對上面的例子進(jìn)行縮寫：
					
        
						
        縮寫方式：
        
						
        transition: all .5s ease-in .1s;
        
					
        
					
        
						
        拆分方式：
        
						
        transition-property:all;
transition-duration: .5s;
transition-timing-function: ease-in;
transition-delay: .1s;
        
					
        
				
        • 
				
      • 對應(yīng)的腳本特性為transition。
        • 
			
      
		
      
	
      
	
      
		
      兼容性：
      
		
      
			
        
				
      • 淺綠 = 支持
        • 
				
      • 紅色 = 不支持
        • 
				
      • 粉色 = 部分支持
        • 
			
      
			
      
                
                    
      
                        Values
                        IE
                        Firefox
                        Chrome
                        Safari
                        Opera
                        iOS Safari
                        Android Browser
                        Android Chrome
                    
      
                      
                
                    
      
                        Basic Support
                        6.0-9.0
                        2.0-3.6
                        4.0-25.0-webkit-
                        6.0-webkit-
                        15.0+
                        6.0-6.1-webkit-
                        2.1-4.3-webkit-
                        18.0-24.0-webkit-
                    
      
                    
      
                        10.0+
                        4.0-15.0-moz-
                        26.0+
                        6.1+
                        7.0+
                        4.4.4+
                        25.0+
                    
      
                    
      
                        16.0+
                    
      
                      
            
      
		
      
	
      
	
      
		
      示例：
      
		
      
			
			
      
		
      
	
      

      





    3. 

        

        2. <span id="z4nqb"></span>
        
久久精品先锋资源
|
男女激情AV|
色多多一区二区
|
国产精品乱码一区二区
|
超碰碰免费网站
|
2020天天干天天操
|
国产白丝袜足交网站大全
|
久色AV射|
www久草
|
天天干,一区二区
|