<div class="blank"></div>
.blank {
width: 500px;
height: 100px;
background: orange;
border-radius: 10px;
text-align: center;
}
.blank::before {
content: "orange";
font-size: 2em;
color: #fff;
font-weight: bold;
}
.blank:hover {
animation-play-state: paused;
background: red;
}
.blank:hover::before {
content: "red";
}
< 평상시 >
< hover시 >