css - 同时进行两次转换

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

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

最佳答案

用逗号分隔它们。

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

演示: =)

关于css - 同时进行两次转换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11623318/