JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>

CSS

div {
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzf/wAARCAAgACADASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAABAUGBwABA//EACoQAAIBAwIFBAEFAAAAAAAAAAECAwQFEQAGEhMhMUEiUYGRBxRhccHR/8QAFwEAAwEAAAAAAAAAAAAAAAAAAgMEBf/EACIRAAEDBAIDAQEAAAAAAAAAAAECAxEABCExEhNBYXFRkf/aAAwDAQACEQMRAD8AvHSa7blt1qKiZnlZiRiEBsEdwTnGRntpLubeVJ+kuNBaahjcIlILBSAoB9ZU+SBn6z4112RYKeOw09RXRpUPU4nVZFDKmR0wD5Ixn49tSrdWpXBr+1ootEtNd1wCBMAaJxv5RtffpJKdWtqPxBvXxICR7dOvfr9ad0jySUsMk6cErICy+xxpVfrPFLRSzUicqojUsvL6B8eCBrNo1s9ZagKpXEsLlMupBYdwev8AOPjSLfvRcFLxmRiNY9eDS3EtqY5tjRz+0g3ZsumWgudxs0cguEqs/BxZBBPrCjwSM/eBrf483bR1O3IILjNHSSUhWmDzuEWTA9OCfOB1H+6nOozuPY9nv4TnLLTMjMwNMQoLN3JGCCTgZPc++qy3xVyRTm7tDzXTckxMhWyMa+ULu/eltobfLTW+riqq2ZCirTuG5YI6sSO2BozYFNWQbejlr5JWlqGMqrIxJVCBgf386i14/HlZbKKFdp1E7SNITUmSZUdhgcOGAHQHPT9x7asK0w1NPa6SGul51UkKrLJnPEwHU586FKVF3krwKK5Nu3ahDCpk5nePXgV//9k=');
}
div:hover {
    background: url('http://www.iguides.ru/forum/imagehosting/2012/02/06/313194f303576abe46.png');
    -webkit-transition: all 1s;
}