JSFiddle - React, Tailwind, and code Playground

by ionko22

HTML

<a id="hover-me1">Link 1</a>
<a id="hover-me2">Link 2</a>
<a id="hover-me3">Link 3</a>

<div id="change-my-background"></div>

CSS

#hover-me1:hover ~ #change-my-background{
    background:#aa3233 url(http://24.media.tumblr.com/tumblr_m9255wMAfk1ruochto1_1280.jpg) repeat-x -200px -200px;
}

#hover-me2:hover ~ #change-my-background{
    background:#aa3233 url(http://24.media.tumblr.com/tumblr_m9255wMAfk1ruochto1_1280.jpg) repeat-x -400px -200px;
}

#hover-me3:hover ~ #change-my-background{
    background:#aa3233 url(http://24.media.tumblr.com/tumblr_m9255wMAfk1ruochto1_1280.jpg) repeat-x -600px -200px;
}

#change-my-background {
    width:300px;
    height:300px;
}