JSFiddle - React, Tailwind, and code Playground

by Gaurav Singh

HTML

<div style="background-color:#3C5D53" id="main">
    <a href="http://google.com"><input type="button" id="lb" value="Button"></a>
    <a href="http://google.com"><input type="button" id="lb2" value="Button"></a>
    <a href="http://google.com"><img src="http://playrust.com/wp-content/uploads/2013/12/rust-icon-512.png" id="h" height="130px"/></a>
</div>

CSS

#lb, #lb2 {
    float:right;
    color:#6C2D58;
    font-size:40px;
    font-family:Impact;
    transition: 1s
}
#lb:hover, #lb2:hover {
    background-color:#D88E79;
}
#h {
    transition:1s
}


#main > a:nth-child(1):hover ~ a:nth-child(3) img {
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
#main > a:nth-child(2):hover ~ a:nth-child(3) img {
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}