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

rai-rai	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
⋆☆ M4JIK4LL ☆⋆	1702511826 84 !!!!!!! Report Comment
Mark(NOT MARKIPLER)	1702510847 83!!! Report Comment
mini-tails	1702509015 82 Report Comment
LILLITH 💋	1702508355 81!! :) Report Comment
wolfboy231 (jay) ☆	1702507235 80 ! Report Comment
vinny	1702506992 79 Report Comment
Doc Scratch	1702506114 76? Report Comment
quakeranger623	1702504741 75! Report Comment
Zero Two	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