Two transitions at once

Question

In this discussion some great pointers were given. Now, i'd like to use not only

-webkit-transition: border-radius 0.5s;

but also

-webkit-transition: background-color 0.5s;

and then go

div.menuItem:hover {
  border-radius: 145px 85px 145px 85px;
  background-color: #000000;
}

When i only do one transition at a time, it works fine but i don't know how to combine those.

Answer 1

Separate them by a comma.

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

Demo: =)