css - 一度に 2 つのトランジション

Question

このディスカッションでは、いくつかの重要な指針が示されました。今、私が使いたいのは

-webkit-transition: border-radius 0.5s;

だけでなく、

-webkit-transition: background-color 0.5s;

そして行く

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

一度に 1 つのトランジションしか実行しない場合は問題なく動作しますが、それらを組み合わせる方法がわかりません。

Answer 1

コンマで区切ります。

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

デモ: =)