1. <wbr id="m8vu6"></wbr>

      <del id="m8vu6"><center id="m8vu6"><source id="m8vu6"></source></center></del>
        <p id="m8vu6"><sub id="m8vu6"></sub></p>

        VB.net 2010 視頻教程 VB.net 2010 視頻教程 python基礎視頻教程
        SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
        當前位置:
        首頁 > 網站開發 > HTML >
        • html5教程之css教程之animation-duration [動畫時間]

        本站最新發布   Python從入門到精通|Python基礎教程
        試聽地址  
        http://www.squ68.com/eschool/python.html


        語法

        animation-duration: <time>[,<time>]*; 指定對象動畫的持續時間 。
        語法項目 說明
        初始值 0
        適用于 所有元素
        可否繼承
        單位 S
        媒介 視覺
        版本 CSS3.0

        說明

        檢索或設置對象動畫的持續時間

        如果提供多個屬性值,以逗號進行分隔。

        取值

        <time>:正數,單位可以是秒(s)或者毫秒(ms)。默認值為0,表明動畫不執行。

        實例代碼

        CSS
        
        				
        1. .animation_duration{
        2.     left:10px;
        3.     top:100px;
        4.     position:absolute;
        5.     -webkit-animation:0.5s ease 1 forwards;
        6.     -webkit-animation-duration:2s;
        7.     -webkit-animation-name:demo;
        8.     -moz-animation:0.5s ease 1 forwards;
        9.     -moz-animation-name:demo;
        10.     -moz-animation-duration:2s;
        11. }
        12. @-webkit-keyframes demo{
        13.     0%{left:10px;}
        14.     100%{left:400px;}
        15. }
        復制
        HTML
        
        				
        1. <div class="demo_box animation_duration">我一共運行了2秒鐘</div>
        復制
        運行一下 »

        兼容性

        IE Firefox Opera Safari Chrome
        IE 10+ Firefox 3.5+ 目前暫無版本支持 Safari 10+ Chrome 2.0+

        相關教程
                
        免费看成年人视频大全_免费看成年人视频在线观看