• 

      

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


      
	
      
		
      animation-timing-function
      
		
		
	
      

      

      
	
      
		
      語(yǔ)法：
      
		
      
			
      animation-timing-function：<single-animation-timing-function>[,<single-animation-timing-function>]*
      
			
      <single-animation-timing-function> = ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(<integer>[, [ start | end ] ]?) | cubic-bezier(<number>, <number>, <number>, <number>)
      
			
      默認(rèn)值：ease
      
			
      適用于：所有元素，包含偽對(duì)象:after和:before
      
			
      繼承性：無(wú)
      
			
      動(dòng)畫性：否
      
			
      計(jì)算值：指定值
      
			
      媒體：視覺(jué)
      
		
      
	
      
	
      
		
      取值：
      
		
      
			
      
				
      linear：
      
				
      線性過(guò)渡。等同于貝塞爾曲線(0.0, 0.0, 1.0, 1.0)
      
				
      ease：
      
				
      平滑過(guò)渡。等同于貝塞爾曲線(0.25, 0.1, 0.25, 1.0)
      
				
      ease-in：
      
				
      由慢到快。等同于貝塞爾曲線(0.42, 0, 1.0, 1.0)
      
				
      ease-out：
      
				
      由快到慢。等同于貝塞爾曲線(0, 0, 0.58, 1.0)
      
				
      ease-in-out：
      
				
      由慢到快再到慢。等同于貝塞爾曲線(0.42, 0, 0.58, 1.0)
      
				
      step-start：
      
				
      等同于 steps(1, start)
      
				
      step-end：
      
				
      等同于 steps(1, end)
      
				
      steps(<integer>[, [ start | end ] ]?)：
      
				
      接受兩個(gè)參數(shù)的步進(jìn)函數(shù)。第一個(gè)參數(shù)必須為正整數(shù)，指定函數(shù)的步數(shù)。第二個(gè)參數(shù)取值可以是start或end，指定每一步的值發(fā)生變化的時(shí)間點(diǎn)。第二個(gè)參數(shù)是可選的，默認(rèn)值為end。
      
				
      cubic-bezier(<number>, <number>, <number>, <number>)：
      
				
      特定的貝塞爾曲線類型，4個(gè)數(shù)值需在[0, 1]區(qū)間內(nèi)
      
			
      
		
      
	
      
	
      
		
      說(shuō)明：
      
		
      
			檢索或設(shè)置對(duì)象動(dòng)畫的過(guò)渡類型
			
        
				
      • 如果提供多個(gè)屬性值，以逗號(hào)進(jìn)行分隔。
        • 
				
      • 對(duì)應(yīng)的腳本特性為animationTimingFunction。
        • 
			
      
		
      
	
      
	
      
		
      兼容性：
      
		
      
			
        
				
      • 淺綠 = 支持
        • 
				
      • 紅色 = 不支持
        • 
				
      • 粉色 = 部分支持
        • 
			
      
			
      
                
                    
      
                        Values
                        IE
                        Firefox
                        Chrome
                        Safari
                        Opera
                        iOS Safari
                        Android Browser
                        Android Chrome
                    
      
                      
                
                    
      
                        Basic Support
                        6.0-9.0
                        2.0-4.0
                        4.0-42.0-webkit-
                        6.0-8.0-webkit-
                        15.0-29.0-webkit-
                        6.0-8.4-webkit-
                        2.1-3.0-webkit- #1
                        18.0-42.0-webkit-
                    
      
                    
      
                        10.0+
                        5.0-15.0-moz-
                        43.0+
                        9.0+
                        30.0+
                        9.0+
                        4.0-40.0-webkit-
                    
      
                    
      
                        16.0+
                    
      
                      
            
      
            
        
                
      1. 在一些場(chǎng)景中會(huì)有錯(cuò)誤行為
        2. 
                
      2. 部分瀏覽器不支持偽元素動(dòng)畫，或者支持得不夠好，盡可能不要利用偽元素來(lái)做動(dòng)畫
        3. 
            
      
		
      
	
      
	
      
		
      示例：
      
		
      
			
			
      
		
      
	
      

      





    3. 

        

        2. <span id="z4nqb"></span>
        
高清无码在线免费观看视频
|
日韩一级在线免费观看
|
在线精品视频你懂的
|
蜜臀久久99精品久久久久酒店更新时间
|
国产成人无码A片免费男男
|
亚洲性爱电影在线
|
国产黄视频在线免费看
|
大香蕉伊人在线手机版
|
996热|
国产18第一无限资源网站
|