一次兩個轉換

Question

在this discussion給出了一些偉大的指針。現在，我想使用不僅

-webkit-transition: border-radius 0.5s; 

而且

-webkit-transition: background-color 0.5s; 

，然後去

div.menuItem:hover { 
    border-radius: 145px 85px 145px 85px; 
    background-color: #000000; 
} 

當我只能做一次一個過渡，它工作正常，但我不知道如何結合這些。

Answer 1

用逗號分隔它們。

-webkit-transition: background-color 0.5s, border-radius 0.5s; 

演示：=)