CSS Gradient Text

A linear gradient starts with one color (like a red) and gradually transitions in a straight line to another color (like a blue). Like we said in our linear-gradient article, think about sunsets as the best example of a linear gradient and how each color progresses beautifully and seamlessly into the next.

Here you can find CSS Code

                h1{

            background:linear-gradient(to bottom, red , cyan);

            background-clip: text;

            -webkit-background-clip: text;

            color: transparent;

        }

A fun little generator...this online tool will create CSS Text Gradients. If you want add a bit of color to your headings or text, then just use this generator to create the CSS code that can then be used in your webpages.

CSS Text Gradient Generator