Making Your Texts Color Gradient!

Tags: layout, layouts, simple, 2000s, scene

Description:

WARNING: Code will not work unless you make the changes! Please message me if there's an error. Comment is appreciated :3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 匚乇乇乇 (https://layouts.spacehey.com/layout?id=104503) -->

<style>
@import url('/*IMPORT THE FONT YOU WANT*/');
/*CHOOSE WHICH TEXT U WANT WITH GRADIENT p, h1, h2 etc.*/{
   font-family: '/*FONT*/', cursive;
   font-size:/*FONT SIZE*/ ; 
   background: linear-gradient(to right,/* FROM RIGHT TO LEFT CHOOSE WHICH COLORS YOU WANT TO USE*/ ;
/* NUMBERS OF COLORS CAN CHANGE*/
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;;
}
</style>

/*HERE'S AN EXAMPLE ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
p{
   font-family: 'Fredoka One', cursive;
   font-size: 18px;
   background: linear-gradient(to right, #FF0080, orange, yellow, green, blue, indigo, violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;;

}
h1, h2, h3, h4, h5{
   font-family: 'Fredoka One', cursive;
   font-size: 28px;
   background: linear-gradient(to right, #FF0064, orange, yellow, green, blue, indigo, violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 95 comments ( View all | Add Comment )

★strawberry_crepe_cookie:P★	1746660511 using!! Report Comment
rottenpurrs!_	1745576938 US1NG 1T T0O x3 Report Comment
pierce	1745498070 using 1000000% Report Comment
milliana	1745433849 USING >.> Report Comment
xXFL3$HXx	1744337601 USINGG Report Comment
ImHavingCrisi_s (16)	1744246517 using! Report Comment
𝒩𝑒𝑜𝓃 𝐿𝑒𝑜𝓃 !!!	1743965599 using !!! Report Comment
Yuyu ✮	1743377570 using! Report Comment
ENTP	1742686514 are we twins ? Report Comment
𝑱𝑴𝑭	1742668254 Using Report Comment
StickyIckyGummy	1741732515 Using Report Comment
~sheb!Tes~	1741655984 Using Report Comment
Elisa!	1741375492 using!!! Report Comment
Puriin!><	1740929942 using Report Comment
CASTIEL´ཀ`	1740881445 Using <3 Report Comment
KISS.M3.DAMN/IT	1740825806 uSING!!!!? Report Comment
Hayo! bsh	1740189668 OMG THANK YOU SOOOO MUCH!!!!!! Report Comment
4l3x	1740040087 trying to use still figuring out but I think i can do it :P Report Comment Please helpppp i dunno what im doing. but ill keep doin it ToT by 4l3x; 1740041082; Report
xXAmandaArsonistXx	1739683875 it looks so gud!1!!11!1!!!1!11! Report Comment
~xXSAGEXx~	1737845070 usingg :P Report Comment