How do you gradient text in Webflow?

hey guys this is a quick tutorial on how to make gradient text in webflow now it's a design that i've been seeing quite a lot over the internet companies like conversion ai have used it really well and on deck i've seen have used it so i'm going to be building something that looks kind of like this but a much simpler version here so i've got a heading text at the top here and what i want to do is make the word gradient an actual gradient so what i'll do is i'll double click onto that word and add a span here i'm going to call it gradient gradient text enter and i'm going to scroll down i'm not going to change the color of the actual font but what i am going to do is go here to the background and click the plus button and then i'm going to click the gradient icon there and i've got some colors that i already picked before that i'm going to put and use as the gradient colors so for the first one i'm going to use this orange color and then for the second one i'm going to copy the hex code and put it in here and so now i have that gradient showing on the background but to bring it into the text what you do is you go up to the clipping here and you go clip background to text and there you go you have a gradient text for part of the sentence there if you found that helpful please leave a comment below and give this a video a like and i'll be producing some more in the future

Channel: Digital Marty

Views: 7,262

Keywords: webflow, web design, webflow micro lesson, css gradient, responsive web design, apple design, webflow tutorial 2021, linear gradient css

Id: 7U9svqkQQSQ

Length: 1min 45sec (105 seconds)

Published: Thu Jul 22 2021