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 88 comments ( View all | Add 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
myLILLbabyBOY	1740825806 uSING!!!!? Report Comment
Hayo! bsh	1740189668 OMG THANK YOU SOOOO MUCH!!!!!! Report Comment
4l3xxx	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 4l3xxx; 1740041082; Report
xXAmandaArsonistXx	1739683875 it looks so gud!1!!11!1!!!1!11! Report Comment
~xXSAGEXx~	1737845070 usingg :P Report Comment
JayIsAwayx	1737653959 Using Report Comment
Pizzdude1023	1737564541 Using! Report Comment
R@3	1737538200 using! but it wont color my name :( Report Comment
avery	1737301660 usingggg Report Comment I FUCKING LOVE IT AHHH THX THE EXAMPLE WORKS PERF 4 MEH <3 by R@3; 1737429837; Report
Moonie Loonie !!	1736463018 Using !! Report Comment
Jaden	1735984361 using Report Comment
Silas_Anomalyz	1735520218 USING Report Comment