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

Raihan Exoticca	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
📼𐮚𝐌𝐚𝐫𝐤 ⁿᵒᵗ ᵐᵃʳᵏⁱᵖˡᵉʳ𐮚📼	1702510847 83!!! Report Comment
mini-tails	1702509015 82 Report Comment
the despondent, keiro	1702508355 81!! :) Report Comment
alex ౨ৎ	1702507235 80 ! Report Comment
vinny	1702506992 79 Report Comment
The Velvet Compendium	1702506114 76? Report Comment
quakeranger623	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
Nonya ★	1702485672 67 :DD Report Comment
Fluid Dynamic	1702475105 Thanks :) Report Comment
Fluid Dynamic	1702475105 Thanks :) Report Comment
kadavera (under construction)	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 (under construction); 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 (under construction); 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 (under construction); 1702493449; Report Yeah way better by xXn1koXx; 1702507113; Report