CSS3過渡延遲

Question

我怎樣才能使過渡延遲從一個CSS屬性到另一個在相同的元素中，比如我想讓它做過渡寬度第一則div元素的高度

<div class="rect"id="box2"></div>​ 

和這裏的CSS

.rect{ 
     margin-top:50px; 
     width:10px; 
     height:80px; 
     background-color:black; 

    } 
    #box2{ 

     transition:all 1s ease-in-out ; 
     -webkit-transition:all 1s ease-in-out ; 
     -moz-transition:all 1s ease-in-out ; 

    } 

    #box2:hover{ 
      width:300px; 
      height:200px; 
    }​ 

該代碼使得高度和寬度一起工作，並在＃BOX2過渡延遲使得延遲整個過渡！我該怎麼辦？

這裏的樣品http://jsfiddle.net/bBnQW/

Answer 1

#box2{ 

      transition:width 1s ease-in-out, height 1s ease-in-out 1s ; 
      -webkit-transition:width 1s ease-in-out, height 1s ease-in-out 1s ; 
      -moz-transition:width 1s ease-in-out, height 1s ease-in-out 1s ; 

     } 

，如果這是你想要的...

Answer 2

據我所知，你不知道。你有CSS3轉換延遲屬性，我認爲你已經嘗試過了。我的建議，如果你沒有找到解決方案，就是使用jQuery解決方案來達到這個效果。你可以用幾行代碼來完成它（甚至可能比你在CSS中的還要少）。