Don't work animate

Don't work animate

Hi

Using jQuery full version 3.3.0. My code:
html:
  1. <div></div>
  2. <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.0.js" ></script>
js:
  1. $( document ).ready(function(){

  3.   $(document).on("click", "div", function(){
  4.     $("div").animate({"background-color": "rgb(100,100,100)"}, 500); // don't work!!!
  5.     $("div").animate({backgroundColor: "rgb(100,100,100)"}, 500); // don't work!!!
  6.     $("div").animate({width: "+=200px"}, 500);
  7.     //$("div").css({"background-color":"#f00"});
  8.   });
  9.   
  10. });
css:
  1. div {
  2.   width: 200px;
  3.   height: 100px;
  4.   background: #fff;
  5.   border: 1px solid blue;
  6.   position: relative;
  7. }

Don't have any errors in console. What is wrong?