css elements appear on hover

Here is an example on how to use :hover css property to make elements appear and disappear. Hovering over the box will make the “Spring” disappear and “Summer” appear.

<div class="box">
  <div class="subbox1">
     Spring
  </div>
  <div class="subbox2">
     Summer
   </div>
</div>

.subbox2{
	display: none;
}

.box:hover .subbox1 {
	display: none;
}
.box:hover .subbox2 {
	display: block;
}