Advent 2023 - Day 13 - Background Patterns

Hey there everyone! I hope you're enjoying the festive season so far :)

Today, I want to share a great website with you which allows you to create amazing customized background patterns for your SpaceHey Profiles!

Link: https://www.magicpattern.design/tools/css-backgrounds

To use it, adjust the values (colors, opacity and spacing) to your liking, choose your favorite pattern and click on the "Copy CSS code" button on the pattern!

Then, use the following code on your SpaceHey Profile and make sure to replace [PATTERN CODE] with the pattern code you just copied!

</style>
body{
  [PATTERN CODE]
}
</style>

For example, this should then look something like this:

<style>
body{
  background-color: #e5e5f7;
  opacity: 0.5;
  background-image:  linear-gradient(135deg, #1D4ED8 25%, transparent 25%), linear-gradient(225deg, #1D4ED8 25%, transparent 25%), linear-gradient(45deg, #1D4ED8 25%, transparent 25%), linear-gradient(315deg, #1D4ED8 25%, #e5e5f7 25%);
  background-position:  19px 0, 19px 0, 0 0, 0 0;
  background-size: 38px 38px;
  background-repeat: repeat;
}
</style>

Hope you like it!

Have an amazing day! ☺️

Comments

Displaying 20 of 73 comments ( View all | Add Comment )

rai_Blogz08	1702664762 87! Report Comment
Boniscool	1702590413 this is really helpful THANK YOU!!!! Report Comment
Brandon	1702513198 LOL I just keep adding script each day, and now my pattern is animated!?! Report Comment your background makes my eyes hurt by Moik; 1702586530; Report Me too! by Brandon; 1702598387; Report
Mark (NOT MARKIPLER)	1702510847 83!!! Report Comment
mini-tails	1702509015 82 Report Comment
the despondent, keiro	1702508355 81!! :) Report Comment
ᯓ★ alex (cutie pie)	1702507235 80 ! Report Comment
vinny	1702506992 79 Report Comment
Doc Scratch	1702506114 76? Report Comment
songsofpain1990	1702504741 75! Report Comment
quietus	1702504183 74??? Report Comment
lurker	1702504119 seventy three........................................... Report Comment
Winter	1702501426 72 !111!1 Report Comment
goldie ⁠♡	1702501405 71! Report Comment
kynl3y	1702501362 70 >:3 Report Comment
w00mz	1702494987 68 Report Comment
stvr ୨୧	1702485672 67 :DD Report Comment
Fluid Dynamic	1702475105 Thanks :) Report Comment
Fluid Dynamic	1702475105 Thanks :) Report Comment
~Kadavera~	1702464027 has anyone tried it out or has it currently applied to their profile? I'm curious as to how it turns out Report Comment i tried it on my alt account lol i think its more like an overlay by wienener; 1702468328; Report ah I see, thanks! by ~Kadavera~; 1702472801; Report It looks bit weird... by xXn1koXx; 1702473545; Report yeah I don't understand why it's a layer on top. I thought "body" would make it a background by ~Kadavera~; 1702473613; Report I think background has a special tag by xXn1koXx; 1702484175; Report it worked for someone else you probably just need to edit it a bit....i just pasted the code straight from the blog lol by wienener; 1702484589; Report it worked for me!! by SourShock; 1702492777; Report looks good! by ~Kadavera~; 1702493449; Report Yeah way better by xXn1koXx; 1702507113; Report