<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > HTML >
      • css教程之transition-delay [延遲時間]

      • 2017-05-26 09:34 來源:未知

      transition-delay用來定義過渡動畫的延遲時間。

      時間可為正整數,負整數和0,非0的時候必須設置單位為s(秒)或ms(毫秒);

      為負數的時候過渡的動作會從該時間點開始顯示,之前的動作被截斷;為正數的時候過渡的動作會延遲觸發。

      語法

      transition-delay:<time>[ ,<time>]*;設置動畫延遲執行的時間。
      語法項目 說明
      初始值 0
      適用于 塊元素和行內元素
      可否繼承
      單位 S
      媒介 視覺
      版本 CSS3.0

      說明

      transition-delay可以設置動畫延遲執行的時間,默認值0表示立即執行,時間可以是正數也可以是負數,負數表示截斷規定時間內的動畫。單位是秒,也可以是毫秒。

      取值

      0:不延遲,直接執行。

      正數:按照設置的時間延遲。

      負數:設置時間前的動畫將被截斷。

      實例代碼

      CSS
      
      				
      1. .transition_property_1{
      2.     -webkit-transition:ease all 2s;
      3.     -moz-transition:ease all 2s;
      4.     -webkit-transition-delay:1s;
      5.     -moz-transition-delay:1s;
      6.     position:absolute;
      7.     left:10px;
      8.     top:50px;
      9. }
      10. .transition_property_2{
      11.     -webkit-transition:ease all 2s;
      12.     -moz-transition:ease all 2s;
      13.     -webkit-transition-delay:-1s;
      14.     -moz-transition-delay:-1s;
      15.     position:absolute;
      16.     left:10px;
      17.     top:170px;
      18. }
      19. .transition_property_1:hover,
      20. .transition_property_2:hover{
      21.     left:500px;
      22. }
      復制
      HTML
      
      				
      1. <div class="demo_box transition_property_1">動畫延遲一秒執行</div>
      2. <div class="demo_box transition_property_2">動畫前1秒被截斷</div>
      復制
      運行一下 »

      兼容性

      IE Firefox Opera Safari Chrome
      IE 10+ Firefox 3.5+ Opera 11.50+ Safari 10+ Chrome 2.0+

      相關教程
      江苏快3 浙江杭州 | 济南 | 克拉玛依 | 邹平 | 广西南宁 | 揭阳 | 泉州 | 天长 | 中山 | 秦皇岛 | 宣城 | 湘潭 | 池州 | 莒县 | 日喀则 | 海南 | 保亭 | 甘南 | 菏泽 | 廊坊 | 清徐 | 霍邱 | 泗阳 | 三亚 | 马鞍山 | 安康 | 云南昆明 | 普洱 | 西藏拉萨 | 台湾台湾 | 苍南 | 运城 | 巴音郭楞 | 玉溪 | 铜陵 | 安顺 | 陵水 | 伊犁 | 白城 | 怀化 | 乐清 | 商丘 | 博尔塔拉 | 通辽 | 双鸭山 | 果洛 | 江苏苏州 | 鹤壁 | 柳州 | 庄河 | 漯河 | 慈溪 | 聊城 | 临沂 | 大庆 | 牡丹江 | 偃师 | 泰州 | 邹平 | 广州 | 孝感 | 岳阳 | 平潭 | 章丘 | 宣城 | 青州 | 单县 | 仁怀 | 昭通 | 温岭 | 镇江 | 滨州 | 庄河 | 高密 | 新疆乌鲁木齐 | 玉环 | 新泰 | 河源 | 永康 | 威海 | 上饶 | 乌兰察布 | 酒泉 | 漳州 | 岳阳 | 延边 | 博尔塔拉 | 陵水 | 莱州 | 甘孜 | 佳木斯 | 安顺 | 岳阳 | 徐州 | 固原 | 广西南宁 | 启东 | 佛山 | 昌吉 | 辽阳 | 铜仁 | 广汉 | 台北 | 阿里 | 博尔塔拉 | 新疆乌鲁木齐 | 日土 | 阜新 | 嘉兴 | 乐清 | 濮阳 | 黔东南 | 东台 |