broken gradient animation

broken-gradient-animation.less

//  For brevity, vendor prefixes have been removed.
//  This does not work as expected; instead of a smooth transition
//  what you get is a hard swap from one gradient to the next
  .super-cool-background-that-SHOULD-animate-on-hover {
    background: linear-gradient( #fff, #ccc );
    transition: all 0.45s;
    &:hover{
      background: linear-gradient( #ccc, #fff );
    }
  }