JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class="cub"></div>
<div class="go">go</div>

CSS

* {
    -webkit-transition-property: background;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: easein;
}

.cub {
    width: 250px;
    height: 250px;
    background-image: url('http://www.calorizator.ru/sites/default/files/product/apple.jpg')
}

JavaScript

$('.go').click(function() {
    $('.cub').css('background-image', 'url(http://demiart.ru/forum/uploads1/post-82455-1215896812.jpg)')
});