Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
Answer for 2020: This effect can now be achieved with true alpha transparency, without the need to cover the bottom with an additional <div>. Simply use the CSS mask-image property with a linear gradient that fades from black to transparent. The browser should take care of the rest for you. Demo: .container { -webkit-mask-image: linear-gradient(to … Read more