★ Sugar's HTML Zone! ★
I wrote this guide specifically for my bestie!! (And stop saying my code is better, urs is gonna be awesome!!)
Hiii everyone!! So a lot of people (aka QT lol) asked me how I make my text look all rainbow and sparkly. It's actually SUPER easy! You don't need to be a genius (unless), you just need CSS!
Step 1: The Rainbow Text!
Want your headers to look epic? Heh I knew that... Copy this into your stylesheet!!!
.rainbow {
background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
-webkit-background-clip: text;
color: transparent;
}
Step 2: The Logic (Kinda?)
Okay so I barely understand this part myself (shhh don't tell) but basically, we are telling the browser to paint the background like a rainbow, and then use the text as kind of a "cookie cutter" to show the background!
Programming is just magic spells with keyboards tbh.... (ﾉ^ヮ^)ﾉ*:・ﾟ✧
Step 3: Don't give up!!
Sometimes the code breaks and everything turns ugly and you wanna throw your laptop out the window. THAT'S NORMAL!!
My site broke like 50 times yesterday. I just kept looking stuff up until it worked. If I can do it, you can do it!!!
Stay tuned for Part 2 where I teach how to make a music player!! (Maybe... Eventually...)