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 62 comments ( View all | Add Comment )

p.Kenny	1731363105 using Report Comment
ദ്ദി๑>؂•̀๑) CRAIG	1731037042 using :D Report Comment
alex	1730948552 using :D Report Comment
Infinix	1730268024 Using! Report Comment
abiiiiixx	1730061893 Usingggg Report Comment
spaghetti ocd	1729722525 OMG WE SHOULD BE FRIENDS Report Comment
Eda~	1729159829 Using Report Comment
♱augsᶻ₊	1728884893 using! Report Comment
Denks	1728678855 using! =3 Report Comment
Jazz	1728423686 using Report Comment
𝖆𝖑𝖊𝖝:3	1727843478 ussing Report Comment
VX	1727700023 using!!1 Report Comment
Yani	1726876050 using Report Comment
!S!113y!	1726433391 USING!!! Report Comment
cool bucket ^_^	1725985878 USING!! X3 Report Comment
createSpace	1725849757 Using!!! Report Comment
Vince! <3	1725548270 Using!! :D Report Comment
FlvttershyL0v3zM0nster	1725495164 Using :3 Report Comment
ch℮rry	1725253965 I AM USING THANKU Report Comment
Cr1ms0nCC	1724306019 using! Report Comment