Looking for keyframes animation hide/show for title names. Any who can help me with the code?

Question

Hi everyone

I am looking for hide/show keyframes anitmation. It's for nav titles such as Home, contact,... wanna place them in a animation element box. Once you scroll over with your mouse over the element box that will expand from left to right and that the title "home" will show up.

Anyone who can help me with this code please?

Thank you.

Answer 1

If you want it to fade in, you might want to use the background property: With rgb(), you can set its opacity between 1 and 0
rgb(0, 0, 0, 0) -> invisible, would be black
rgb(0, 0, 0, 1) -> black