Gradient text color | Elementor tutorial

In this quick tutorial I will show you how to make gradient text using Elementor Pro. Here I have used all elementor features and some small CSS code.

First Make the text color to transparent

Then use this CSS code

:root{
    --color1: #1C99FE;
    --color2: #7644FF;
    --color3: #fd4766;
    --angle: 120deg;
}

selector h2{
    background: linear-gradient(var(--angle), var(--color1) 20.69%, var(--color2) 50.19%, var(--color3) 79.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
}

Start Working with me for any wordpress project!

Get in touch

Have a few questions or just want to say hello? Use the form below to get in touch with me! If you are ready to book a new project please click here to fill out a design inquiry.

Call me by Skype (farjana.rashid55)

15 + 10 =

[wpforms id="2272"]