some freebie codes for yr blogs <3

aint posted stuff to my blog for a couple o' weeks cause i accidentally burnt my hand makin cookies on halloween and its taken me a while to recover aaaaaaaaaaa ._.

anyway - this here code snippet will give yr blog title a glitchy lil vhs effect (kinda)

i'm usin it on my own blog rn (look next to mario!)

remember: put it between yr <style> </style> tags :3

note: change .title, h1 to something else if you want (e.g. if you want this code on your profile, && want it to affect your display name, change it to .w-40 h1 instead <3

@font-face {
font-family: VCRMono;
src: url("https://file.garden/aMuL0oRhjDKbkUNC/vcrmono.ttf") format("truetype");
}

.title, h1 {
text-transform:uppercase;
font-size:30px;
font-family: "VCRMono";
color: yellow;
text-shadow:4px 4px crimson;
-webkit-text-stroke: 1.5px black;
animation: radtext 2.5s infinite; }

@keyframes radtext {

0% {

text-shadow: 2px 2px green, -2px 2px crimson;
filter: sepia(80%) hue-rotate(40deg) saturate(0) blur(30px); }

25% {
text-shadow: 2px 3px black, -3px 3px yellow;
filter: sepia(60%) hue-rotate(-100deg) saturate(10); }

49% {
text-shadow: 4px 3px black, -3px 5px green;
filter: sepia(60%) hue-rotate(-70deg) saturate(10); }

50% {
text-shadow: 2px 4px 0 black, -4px 1px green;
filter: sepia(80%) hue-rotate(-80deg) saturate(50); }

51% {
text-shadow: 4px 3px black, -3px 5px green;
filter: sepia(60%) hue-rotate(-70deg) saturate(10); }

75% {
text-shadow: 2px 3px 0 black, -2px 1px crimson;
filter: sepia(-40%) hue-rotate(-30deg) saturate(50); }

100% {
text-shadow: 3px 4px black, -3px 2px red;
filter: sepia(-80%) hue-rotate(30deg) saturate(10); }
}

btw do u like my blinkie

its not an image lol, i made it w/ css :3

G O A T <3

@font-face {
font-family: soopa;
src: url("https://file.garden/aMuL0oRhjDKbkUNC/soopafre.ttf") format("truetype");
}

.goatbutton {
text-align: center;
width:150px;
height:30px;
color:black !important;
text-shadow:1px 2px beige;
background-color:darkblue;
font-family: "soopa";
font-size:20px;
animation: goat-blinkie 1s infinite; }

.goatbutton a {
color:black !important;
text-shadow:1px 2px beige; }

.goatbutton a:hover {
color:purple !important;
text-shadow:1px 2px limegreen; }

@keyframes goat-blinkie {

0% { border: 2px dotted pink; }

25% { border: 2px dashed blue; }

50% { border: 2px dotted lightpink; }

75% { border: 2px dashed limegreen; }

100% { border: 2px solid yellow; }
}

<div class="goatbutton"><a href="https://blog.spacehey.com/subscribe?id=3377814">G O A T <3</a></div>

mwahhhh xoxo

subscrb

frens

profiel

discord

38 Kudos

Comments

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

XxNouraNostalgiaxX

Pinned

1762974894

ITS SO EPIKKK TYSMM I WISH I CUD GIVE U 100 GOATSIES <333 ALSO U SHUD ADD A BULLETINE VERSION CUZ I USED IT 4 A BULLETIN!

HERE SO U DONT HAV 2 REMOVE THE ENTERS;
.title, h1 {text-transform:uppercase;font-size:30px;font-family: "VCRMono";color: yellow;text-shadow:4px 4px crimson;animation: radtext 2.5s infinite; }@keyframes radtext {0% {text-shadow: 2px 2px green, -2px 2px crimson;
filter: sepia(80%) hue-rotate(40deg) saturate(0) blur(30px); }25% {text-shadow: 2px 3px black, -3px 3px yellow;filter: sepia(60%) huerotate(-100deg) saturate(10); }49% {text-shadow: 4px 3px black, -3px 5px green;filter: sepia(60%) hue-rotate(-70deg) saturate(10); }50% {text-shadow: 2px 4px 0 black, -4px 1px green;filter: sepia(80%) hue-rotate(-80deg)saturate(50); }51% {text-shadow: 4px 3px black, -3px 5px green;filter: sepia(60%) hue-rotate(-70deg) saturate(10); }75% {text-shadow: 2px 3px 0 black, -2px 1px crimson;filter: sepia(-40%) hue-rotate(-30deg) saturate(50); }100% {text-shadow: 3px 4px black, -3px 2px red;filter: sepia(-80%) hue-rotate(30deg)saturate(10); }}

Report Comment

pinning cause i love it as bulletin code but

i FORGOT TO ADD IN THE VCRMONO FONT XDD

just fixed it btw <3

by GOAT; 1762975046; Report

yaya ty nd lolzz xP it looks better neow

G O A T <3

by XxNouraNostalgiaxX; 1763054371; Report