Добрый день уважаемые. Подскажите, пожалуйста как реализовать анимацию перехода линейного градиента при background у дива, по клику на кнопку Пример
$("button").on("click", function(){
$(".block").animate({background: "linear-gradient(to bottom, #4b5fff 60%, #ebebeb)"}, 1000);
})
.block{
width: 100px;
height: 100px;
border: 1px solid #000;
background: linear-gradient(to bottom, #0D343A 40%, #000);
}
button{
margin-top: 20px;
width: 100px;
height: 20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div class="block"></div>
<button></button>
Необходимо реализовать что б по клику на button из одного линейного градиента все перестроилось в другой за 1сек. Это вообще реально?