Elementor how to create Gradient Background with Elementor Plugin

[codeforest]

​

gradient code snippet​

Use this for 3 color gradient :​

<style>
.color-3 {

background-image: linear-gradient(to right,indigo,violet,blue);

}

</style>

Use this for 4 color gradient :​

<style>
.color-4 {

background-image: linear-gradient(to right,violet,indigo,yellow,red);

}

</style>

Use this for 5 color gradient :​

<style>
.color-5 {

background-image: linear-gradient(to right,violet,blue,green,yellow,red);

}

</style>

Add color gradient to text​

<span style="background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;">

3 color text

</span>