css - 一次两个转换

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;

演示: =)