一次两个过渡

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;

演示:=)