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

john#	1761404479 usign Report Comment
cybro_frantic	1760827086 using! :3 Report Comment
☆ 𝟒𝟒𝐍𝐢𝐤𝐤𝐢𝟓𝟓 ☆	1759793133 Usando :] Report Comment
SAL	1757624876 using Report 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
xXnatXx	1748417335 using^w^ Report Comment