使用CSS3过渡延迟鼠标移出悬停

使用CSS3过渡延迟鼠标移出/悬停

div {
width: 70px;
-webkit-transition: .5s all;
-webkit-transition-delay: 5s;
-moz-transition: .5s all;
-moz-transition-delay: 5s;
-ms-transition: .5s all;
-ms-transition-delay: 5s;
-o-transition: .5s all;
-o-transition-delay: 5s;
transition: .5s all;
transition-delay: 5s;
}

div:hover {    width:130px;    -webkit-transition-delay: 0s;    -moz-transition-delay: 0s;    -ms-transition-delay: 0s;    -o-transition-delay: 0s;    transition-delay: 0s;}

这将立即触发鼠标悬停状态，但请等待5秒钟，直到触发鼠标悬停。