How to show full text on hover but after some delay using CSS?

Question

I want to show full text on cursor hover but only after 1s delay. I tried adding transition property but it seems it doesn\'t apply to absolute element