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

Fluro	1757221937 using Report Comment
Xx.star1ight.xX	1757191909 usingggg Report Comment
San_san	1756892940 Usandooooo Report Comment
azriel!! ^^ (I promise)	1756388040 usingg Report Comment
XxPR1ZMAT1CxX	1756279703 UZING Report Comment
vmpgrll !!	1756064238 usingg ;333 Report Comment
UltimateNetw0rkW0rm	1755218556 using thankssss Report Comment
Zane	1755203906 Usinggg this is so cool Report Comment
CAT!! IN SPACE!!! 🍕	1755175031 usingg Report Comment
xXx~Cas☆Catastrophe~xXx	1754780736 this works wonders! Report Comment
FAITH☆	1754441104 uzing Report Comment
poptartxx	1754434514 using! Report Comment
𝗦𝘁𝘂𝗻𝗼𝗿𝗶🎭	1754085263 Using! Report Comment
emmycats1	1753427993 Using!! Report Comment
Lab0ur <3	1752668645 using ^_^ Report Comment
Nat	1748417335 using^w^ Report Comment
wifty!	1748356469 USING!!!! Report Comment
★X★	1746660511 using!! Report Comment
rottenpurrs!_	1745576938 US1NG 1T T0O x3 Report Comment
pierce	1745498070 using 1000000% Report Comment