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>

Made by Nicolai and Michelle

Please wait while you are redirected…or Click Here if you do not want to wait.