css转换延迟不适用于背景色

Question

我正试图推迟动画

这是我的css:

div {
    background-color: #000; 
    height: 100px;
    transition-delay: 5s;
    transition: background-color 1s ease;
}

div:hover {
    background-color: #fff;
}

当我将鼠标悬停div在动画上时,立即启动,没有延迟.当我检查元素时,我看到有一个css属性有什么transition-delay建议为什么这不起作用？(我正在使用chrome)

DEMO

Answer 1

你需要申报你transition-delay的transition.

div {
    background-color: #000; 
    height: 100px;
    transition: background-color 1s ease;
    transition-delay: 5s;
}

或者在一个声明中声明:

transition: background-color 1s ease 5s;

http://jsfiddle.net/n7Ne9/5/