JSFiddle - React, Tailwind, and code Playground

by aknuds1

HTML

<div>Text</div>

CSS

div
{
    border: 1px solid #666;
    height: 10em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(http://www.openclipart.org/people/Map2Map/Waveski_Rear.svg);
    transition: background-image 2.5s linear;
    -webkit-transition: background-image 2.5s linear;
}

JavaScript

console.log('ready');
var div = $('div');
if (div.length == 0) {
    console.log("div not found!");
}
div.css('background-image', 'url(http://www.openclipart.org/people/Map2Map/Waveski_Along_Wave.svg)');