Create gradient text

Create a gradient text affect using the regular background gradient options, and some custom webkit properties shown below. Note, this effect only works in webkit browsers (Chrome and Safari).

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

00:00 Start of video
00:41 Set colors and using the Gradient UI options
00:56 Set custom webkit properties to apply the gradient to the text
1:52 Set gradient stop position