Multiple .transitions-property's not working

[0x1ad2]

Hi all,

When I try to add multiple .transition-property's the first one gets overwritten by the second one. Is there a way to fix this?

This is what I want to achieve

transition: width .5s ease, background-color .5s ease;

If I do this with LESS it compiles to prefixed single line property transitions.

.transition-property(width, .5s, ease);
.transition-property(background-color, .5s, ease);

Compiles to

  -webkit-transition-property: width, 0.5s, ease;
  -moz-transition-property: width, 0.5s, ease;
  -o-transition-property: width, 0.5s, ease;
  transition-property: width, 0.5s, ease;
  -webkit-transition-property: background-color, 0.5s, ease;
  -moz-transition-property: background-color, 0.5s, ease;
  -o-transition-property: background-color, 0.5s, ease;
  transition-property: background-color, 0.5s, ease;
  transition: width 0.5s ease, background-color 0.5s ease;

[marekhrabe]

Hi, just use .transition(width .5s ease, background-color .5s ease);

It should work. Let me know

[0x1ad2]

@marekhrabe yes that worked! Thanks for providing the solution.