Animation background-color: rgba('0', '0', '0', '0')?

Question

JavaScript

Good evening! Animation doesn't work, what's wrong?

$('.order_wrap').mouseover(function(){ 
    $(this).find( '.mask' ).animate( {backgroundColor:  'rgba(0,0,0,0.4) ' });
  }); 
  $('.order_wrap').mouseout(function(){ 
    $(this).find( '.mask' ).animate( {backgroundColor:  'rgba(0,0,0,0.5)' });
  });

Answer 1

.animatedoes not work for such parameters.
In general, animations in js are evil. Take out all the animations in css, and add/remove the state class through js.
It's global. In your case, I don’t see the need for js at all, the animation will work through css hover.