How to fix this problem just using HTML and CSS?

Question

I want to add a text "Right!" Inside the cube and want to show it when the box is right under the big circle...
How to do that?
Just write me that part of the code please.
https://code.sololearn.com/WPcqfmI5Pr98/?ref=app

Answer 1

Sohanur Rahman hi,
You could put your text in html,
Then in CSS ,in your animation at 0% and 50% you set a color property with opacity at 0 and when 100% you set it at 1.
Ex:
color: rgba(0,0,0,0) //at 0 and 50%
color:rgba(0,0,0,1)//at 100%
In rgba,the 'a' is for canal alpha which rule opacity.

Another solution would be to give the same color to text and backgroundcolor at 0 and 50% and change to the one you'd like at 100%.