How can I do this interaction?


Can someone explain how would I do this simple text move-reveal interaction?
Or point me in the direction of a tutorial or a clone?


I would probably try creating a parent div block to contain the image, along with another div block containing your header, text and link.

Make sure the parent div block and the text div blocks are the same width, and then style the text block accordingly with a background colour and changing the opacity to how you want it to look.

Set the parent div block to disable overflow, then set up a mouse hover interaction on the parent div block to move the positioning of the text div block up into view.

Hope this helps