Se puede añadir transiciones en las funciones javascript como las transitions de CSS?
$("#btn1").click(function() {
$('body').removeClass();
$('body').addClass('class1');
});
$("#btn2").click(function() {
$('body').removeClass();
$('body').addClass('class2');
});
$("#btn3").click(function() {
$('body').removeClass();
$('body').addClass('class3');
});
body {align-items: center;
display: flex;
justify-content: center;
text-align: center;
height: 100%;}
body.class1 {
background-color: red;
}
body.class2 {
background-color: green;
}
body.class3 {
background-color:powderblue;
}
button {padding: 15px 32px;
margin: 10px;
font-size: 16px;
border-radius: 12px;
border: 2px solid black;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body class="class1">
<button id="btn1">RED</button>
<button id="btn2">GREEN</button>
<button id="btn3">BLUE</button>
</body>