Cory's profile picture

Published by

published
updated

Category: Web, HTML, Tech

💻🎄 CSS Snippet - Christmas Lights on Your Profile

It's CHRISTMASTIME and it's time to decorate our profiles to match what is undoubtedly my favorite time of the year. So I'm going to try to throw up some decent CSS snippets for Christmas effects! FIRST: CHRISTMAS LIGHTS! 




(Thank you, An, in advanced lol)

body::before {
box-sizing: border-box;
content: " ";
position: fixed;
display: block;
width: 100vw;
height: 100vh;
border: 30px solid;
border-image: url(https://i.ibb.co/T0Znqqd/348067-26420.gif) 30 / 26px / 2px repeat;
pointer-events:none;
z-index:10000;
}

If you're using some of my other code, like full-screen intros, you may need to change "body" to "html" or "before" to "after" in order to not change any of the other things you've got going on. Merry Christmas everyone!


28 Kudos

Comments

Displaying 6 of 6 comments ( View all | Add Comment )

theevilmelonguylmao

theevilmelonguylmao 's profile picture

oh im gonna use this


Report Comment



don't! the image is broken, lemme find a new one

by Cory ; ; Report

OK, NOW you can use it. It's updated with new working graphics!

by Cory ; ; Report

thanks cory

by theevilmelonguylmao; ; Report

yoink!

merci beacoup!! :)

by Arius; ; Report

AyanoNova

AyanoNova's profile picture

Aww, this is super cute, totally using! thanks! ^^


Report Comment

ᖇᓰᑢᗩ 👾

ᖇᓰᑢᗩ 👾's profile picture

Love it. Thank you!


Report Comment

✿ Jeannie ✿

✿ Jeannie ✿'s profile picture

luv it but code didn't work for me, will try again


Report Comment



I don't think any img codes are working right now :(

by Slummy; ; Report

oh ok thankyou:)

by ✿ Jeannie ✿; ; Report

Sam Soresire

Sam Soresire's profile picture

Yay!!!


Report Comment

🥓

🥓's profile picture

Nice :)


Report Comment