How To Add CSS Gradient To Text?

Follow these steps to add a gradient to text:

  1. Select a text element
  2. open background properties from the right panel
  3. set text value to the background-clip property
  4. and choose any gradient from background image property.

Also, you can apply an image to a text with the same method. If you want to make something creative, use animation generator tool on a text with a background image. Check the following screencast:

Background Y Position animated by using the animation generator tool.
Was this article helpful?
YesNo
Live Editor