How is this semi-transparent content block called?

I have seen this pattern many times: the content is hidden with a semitransparent superposition that provides a sense of continuity. The content under this semi-transparency layer is displayed after some type of user interaction (a read more button, a register button or even just scrolling)

I would like to know what this pattern is called, and if it is effective or not