CODEWITHSUNDEEP
csswebkitcss-transitions
Konrad Viltersten
Konrad Viltersten

Reputation: 39068

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.

Upvotes: 5

Views: 6582

Answers (1)

Nathanael
Nathanael

Reputation: 7153

Separate them by a comma.

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

Demo: =)

Upvotes: 14

Related Questions