Two transitions at once


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.

Problem courtesy of: Konrad Viltersten


Separate them by a comma.

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

Demo: =)

Solution courtesy of: Nathanael


There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.