CSS3转换延迟不起作用

时间:2014-12-11 12:27:14

标签: html css css3

为什么我的转换延迟不起作用?它没有延迟地正常徘徊,但我有几个元素,我希望它们在悬停后延迟。

.line11 .main .box .arrow1 img{
    position: relative;
    left: 150px;
    z-index: 0;
    bottom: -19px;
        -webkit-transition-delay: 3s;
        -moz-transition-delay: 3s;
        -o-transition-delay: 3s;
        transition-delay: 3s;
    }

    .line11:hover .main .box .arrow1 img{
    position: relative; 
    left: 150px;
    z-index: 0;
    bottom: -19px;
    height: 13px;
    }

1 个答案:

答案 0 :(得分:0)

嘿检查this fiddle

你的css中的一些错误:

  1. 您没有声明任何转换:

    transition: all 0.5s; //for example
    
  2. 您只能更改身高,但不要在css中初始化此属性:

    height: 100px; // height: anything;