CSS text and animation?

Question

css

Why test "Hi!" not on a rectangle?
prntscr.com/8i5ld6
prntscr.com/8i5lno
And here there is an animation of raising the picture up. What is the command to make the text appear on the rectangle and only when you click on it? 0 to 1 opacity.

Answer 1

Why is the text "Hi!" not on a rectangle?

.text1{
  position: absolute;
}

Ps: Read educational books on HTML and CSS, you don't need to deal with such sloppy coding. It's like learning 5 letters from the alphabet and only using them (and then clumsily).

Answer 2

Screenshots are cool, but check out https://jsfiddle.net/ for example

Answer 3

Oh, go to html academy and complete tasks, read the theory until you are completely enlightened. If in a month it still does not come, then go unload the wagons or mix concrete.

Answer 4

Corrected something, how to make both the text and the column rise on hover? https://jsfiddle.net/mnkndvhk/ I think if you look at the result of the error you will see. I am a beginner. If possible, can you correct my code?