CSS, градиент внизу текста. Как?

Есть <div>Текст</div>.

Этот блок имеет ограничение по высоте и ширине, и обрезается overflow: hidden;

Как прикрутить к этому блоку чтобы поверх текста внизу блока был градиент, который бы аккуратно затемнял текст который не влазит в блок?