How to hide text under hover?

Question

text should display while box is hover across the screen.

Answer 1

text {
opacity: 1;
}
text:hover {
opacity: 0;
}

Answer 2

thanks to both of u i will try both the way

Answer 3

.txt:hover {display: none}