一次两个过渡

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;

演示： =)