What You’ll Need to Know
Breaking down the basics is the first step in figuring out how to construct your text gradient syntax. Check out these keywords to gain a better understanding of what you’ll need to create your text gradient:
Font Size
This one is self-explanatory. You’ll need to set up how large you’d like your font to be before you can set up the rest of your gradient. Working with font size in CSS is based on EMS, pixels, points, and percentages. You might need to look up conversions, but typically you can expect 1em = 12pt = 16px = 100%.
Direction
Your text gradient isn’t so different from your linear gradient, specifically when it comes to direction. You can define the linear gradient angle in the code with a keyword or number and unit. With a keyword, you would use variations of to bottom, to top, to left, and to right to determine where the line should move to from the starting point. These directional keywords can be combined-like to top right or to bottom left-to create a diagonal line. You could also use number and unit pairings to determine the angle and direction of the line.
