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

Y0YL3C4K3!!!	1789152724 using!! Report Comment
「 ✦ ℭ𝔬𝔫𝔫𝔢𝔯 ✦ 」	1786999403 Using Report Comment
「 ✦ ℭ𝔬𝔫𝔫𝔢𝔯 ✦ 」	1786999403 Using Report Comment
khlo!	1786603029 using hehe Report Comment
UPanotch✶	1786549156 usingg Report Comment
𝔐𝔞𝔯𝔦𝔩𝔬𝔱 ⚞•⚟	1786260657 using!! :D Report Comment
socksweat	1786183868 using (forgot to comment earlier oops) Report Comment
୨ৎsh444y⋆˚🐾˖°	1785797327 Using <3 Report Comment
Harvey	1785590124 using!! <3 Report Comment
𝘝3𝘟𝘛𝘏𝘌𝘒𝘙𝘠𝘗𝘛𝘐𝘊𖤝	1785354066 using Report Comment
Blastedbastard	1782007391 Using ! Report Comment
TurkishDelight	1780500502 i just wanted to comment cuz it says Tr lmao ehehe Türkiye mentioned <333 XD Report Comment
Aroacemelody	1776108050 I was looking at it and it said Turkish so here I am commenting.. Maybe I will use it maybe not ..we'll see. have a wonderful day everyone <3 Report Comment
i Rot inside	1774793199 Using Report Comment
butterfly	1774660571 probably will use Report Comment
Chris_xddd	1774444717 using Report Comment
☆EVERTONE_FOREVER☆	1774438602 Uhusing Report Comment
Ghostoyevsky	1774383580 using!! >__< Report Comment
𝔸𝕣𝕔𝕙𝟙𝕖_𝕏𝔻	1774056478 Using!! Report Comment
Lucia	1773955954 usingggg :D Report Comment