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;
}

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Start Working with me for any wordpress project!