Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div

Question

I\'m trying to get a nice fade-out effect at the bottom of a section of text as a \'read more\' indicator.

I\'ve been following a bit off this and other tutorials,

Answer 1

Just replace bottom: 4em with margin-top: -4em. Works perfect for me.