css - 同时进行两个过渡

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;
}

当我一次只做一个过渡时，它工作得很好，但我不知道如何将它们结合起来。

Answer 1

用逗号分隔它们。

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

演示：=)