Take the 2-minute tour ×

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.

share|improve this question

1 Answer 1

up vote 4 down vote accepted

Separate them by a comma.

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

Demo: =)

share|improve this answer
I swear at God, i just tried it and it didn't work. I must have forgot the comma or something (put a period, instead). Thanks. –  Konrad Viltersten Jul 24 '12 at 2:40

Your Answer


