JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<body class='background1'>
    
</body>

CSS

body {
	background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-one.png');
	background-repeat: repeat;
}

body.background1{background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-one.png');background-repeat: repeat;}
body.background2{background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-two.png');background-repeat: repeat;}
body.background3{background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-three.png');background-repeat: repeat;}
body.background4{background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-four.png');background-repeat: repeat;}

JavaScript

setInterval(function() {
   $("body").toggleClass('background2', 1000);
   $("body").toggleClass('background3', 1000);
   $("body").toggleClass('background4', 1000);
}, 3000);