Relative hover

index.html

<div class="box"> 1 </div>
<div class="box2"> 2 </div>
<div class="box"> 3 </div>

relative-hover.markdown

Relative hover

A Pen by Hyeonseo Yang on CodePen.

License.

style.css

.box {
  position: relative;
  width: 100px;
  height: 100px;
  background: blue;
  margin: 10px;
}

.box2 {
  position:relative;
  width: 100px;
  height: 100px;
  background: tomato;
  margin: 10px;
  bottom: 50px;
  left: 250px;
}

.box2:hover {
  background: green;
}