How do I create gradient text?

I noticed on a Divhunt website you use a lot this type of gradient text, how can I make this? Do I need to know custom CSS?

image

No, you dont need to know custom CSS. Its actually very simple.

All you need is 3 styles that you can see in screenshot.

  • Set color to transparent
  • Set background to gradient
  • Set cliping to text

3 Likes

Hi Pakic, currently, when applying gradients it is very hard to see any live changes on the fly.
Is it possible to have this feature in the future?

Example screenshot from Framer: