📜  CSS |转换延迟属性

📅  最后修改于: 2021-09-01 03:37:26             🧑  作者: Mango

CSS 中的 transition-delay 属性用于指定开始过渡的时间。以秒或毫秒为单位设置的 transition-delay 值。

句法:

transition-delay: time|initial|inherit;

属性值:

  • time:它指定开始过渡动画的时间长度(以秒或毫秒为单位)。

    例子:

     
     
         
             
                CSS transition-delay Property 
             
              
             
         
          
         
              
            

    GeeksforGeeks

                         

    Transition-delay Property

                         
                  

    transition-dealy: 2s

              
                                

    输出:

  • initial:将 transition-delay 属性设置为其默认值。

    例子:

     
     
         
             
                CSS transition-delay Property 
             
              
             
         
          
         
              
            

    GeeksforGeeks

                         

    Transition-delay Property

                         
                  

    transition-dealy: initial

              
                                

    输出:

  • 继承:此属性从其父元素继承。

    例子:

     
     
         
             
                CSS transition-delay Property 
             
              
             
         
          
         
              
            

    GeeksforGeeks

                         

    Transition-delay Property

                         
                  

    transition-delay: inherit

              
                                

    输出:

注意: transition-delay 属性的默认值为零。

支持的浏览器: transition-delay 属性支持的浏览器如下:

  • 谷歌浏览器 26.0, 4.0 -webkit-
  • 边缘 10.0
  • 火狐 16.0, 4.0 -moz-
  • Safari 6.1, 3.1 -webkit-
  • 歌剧 12.1, 10.5 -o-