<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, repellendus.</p>
<button>Hover me</button>
</div>
button {
pointer-events: auto;
}
.container {
pointer-events: none;
}
.container:hover p {
transition: all .3s;
color: #aaa;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.