germ!

codespixelsadmin

jerky tilt!

text

click on photo to get to the code lol!

rubberband!

text

glitch!

text

click on photo to get to the code lol!

twitch!

text

click on photo to get to the code lol!

shake!

text

click on photo to get to the code lol!

pop!

text

click on photo to get to the code lol!

float!

text

click on photo to get to the code lol!

spin!

click on photo to get to the code lol!

code works on buttons + text too! i just didnt add because section looked messy with them


section may be a bit slow because of all the graphics!

stim gifs

image stuff

jerky tilt, rubberband, glitch, twitch, shake, pop, float, spin, pop heart image, fog mask, paper mask, double border, heart mask, star mask, lace border, kitty mask, black lace, triple outline

text codes

bouncy text, tilting text, marquee, bubble text, wobble text, rainbow glow candycane

other

image clicksplosion, tv overlay, double border scrollbox, no border scrollbox, plain pause play music player, animated heart image, typing tab title, outline on text, love heart cursor, bubble cursor, rotating elements, absolute positioning, alert when crd opens, sound effect (pro plus)

resource crds

xyz, archivos, supplies, resources, pochi, gnome, cakepop, teaclub, tools

<style>
#heartpop {
-webkit-mask-image: url(https://i.imgur.com/bIX4M8u.png);
-webkit-mask-size: 60%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
</style>
<style>
@keyframes
pop {
from { transform:scale(0.95) }
50% { transform:scale(1) }
to { transform:scale(0.95) }
}
#heartpop {
animation: pop 1s ease-in-out infinite alternate;
}</style>

banana split

<style>
#tag {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-size:200%;
font-weight:bold;
color: #fff;
</style>

nvm im going to keep updating

my names germ! he it dae works fine! im 13 so idk be nice!!

insta is @fakekanna say hi ❤️

my only faq is 'where are the characters from' so im answering this here, the blue haired girl and all image animations characters are from show by rock! that specific character is delmin

carrds ive most notably made

click photo for code!

click photo for code!

click photo for code!

NOTE: one of the classics.. i remember using this code when i first got carrd pro

click photo for code!

click photo for code!

click photo for code!

click photo for code!

I LOST THE LINK SORRY

<style>
.border img{
border-style: solid;
border-width: 10px;
border-image: url("https://cdn.discordapp.com/attachments/657655298613575691/853068735812206612/lace-border-png-37013.png") 60 fill round;
}
.border {
border-style: solid;
border-width: 10px;
border-image: url("https://cdn.discordapp.com/attachments/657655298613575691/853068735812206612/lace-border-png-37013.png") 60 fill round;
}
</style>

B

o

u

n

c

y

T

e

x

t

link here!

NOTE: GRRRRRR I HATE THIS CODE very difficult for my brain to wrap around

tilt yay

link here!

NOTE: these sections look super empty so im writing notes for all of these, this code is one of my favs! its very easy to use 10/10!

hi it is me germ! how are you?

link here!

NOTE: im pretty neutral on marquee.. code wise its very simple and easy but im personally not a big fan of how it looks!

bubble true

link here!

NOTE: i ❤️ this text its really cute

wobble

link here!

NOTE: i also really like this one! i think its more simple than the bubble text because of the div being right at the bottom!

rainbow glow!

link here!

NOTE: I DONT SEE THIS CODE ENOUGH I LOVE IT!! it like disappeared from resource crds

candycane

link here!

NOTE: wow! look its my pastebin! i hate liveweave or whatever the hell so i put it in pastebin ٩(ˊᗜˋ*)و

link here!

NOTE: like every media link works for this, discord, tumblr, imgur etc!

link here!

this code is usually a full overlay but im too lazy to make it go over just a section HELP if you want a better example check out this

double border

Talk late over pleasantries that never meant much to me But it was meaning everything to you A cold pause right before you go She adores you, run towards you, calls on the landline That coat wasn't always real you loved just How the fabric feels but I was somebody else A boy in a belt who knew tearjerker you are you've been shaking me out I said one day passes by but I will stay the same When you look me in the eyes dear What will you do? When you notice there is nothing For you to hold on to Last night I broke down when you said I thought you were better than that Kept my head above the wash now I'm hoping that we never go back I'm hoping that we never go back Stood tall on a shallow reef right there beside The public beach hoping I was something sharks would eat You said, "Sugar how you holding up? I said, "Hey, my body's gone but I'm feelin' you still" Always on the move Ground controller Oh, beam me up I've have enough I'm ready to lose How's it going? Oh, hi hello I'd like to know if there's ever be One day that passes by when I don't stay the same When you look me in the eyes dear What will you do? When you notice there is nothing For you to hold on to Last night I broke down when you said I thought you were better than that Kept my head above the wash now I'm hoping that we never go back Tearjerker you made me fell I'm hopping that we never go back

link here!

NOTE: song is tearjerker by small forward!

no border

I get messages from the stars When you're making love to me I get messages from the stars You must be from another galaxy When I'm out there all alone And feeling far from home I'm fading into blue And there's nothing I can do Then out on the sky like a flash Sending me high, high, high You rescue me You saved me from a certain tragedy I get messages from the stars When you're making love to me I get messages from the stars You must be from another galaxy When I'm far out in the night And searching for a light There's darkness all around And you're nowhere to be found When out on the sky like a flash Sending me high, high, high You rescue me You saved me from a certain tragedy I get messages from the stars When you make sweet love to me Ooh, I get messages from the stars You must be from another galaxy I... I get messages from the stars When you're making love to me (yes, so good, uh...) Those messages from the stars You must be from another galaxy (I'm... open...) I get messages from the stars When you make sweet love to me (ooh ya) Those messages from the stars You must be from another galaxy (ooh) I get messages from the stars When you're making love to me (dear, baby) I get messages from the stars You must be from another galaxy (baby) I get messages from the stars When you're making love (love) to me I get messages from the stars You must be from another galaxy I get messages from the stars When you make sweet love (sweet love) to me (ooh) Those messages from the stars You must be from another galaxy

link here!

NOTE: song is messages from the stars by rah band! this song is a lot more sexual than i remember it being

link here!

this music player still accepts dropbox links! pretty convenient!

link here!

NOTE: the size of photos i used are 1280 x 1280

Copy Embed > Code (Hidden + Head)tb8speed = 100 to change the typing speed
tb8
delay to change how long it takes for the message to switch
tb8messages to change the message on the tabs
<script type="text/javascript">
function tb8
makeArray(n){
this.length = n;
return this.length;
}
tb8messages = new tb8makeArray(3);
tb8messages[0] = "message here";
tb8
messages[1] = "message here";
tb8messages[2] = "message here";
tb8
rptType = 'infinite';
tb8rptNbr = 5;
tb8
speed = 100;
tb8delay = 2000;
var tb8
counter=1;
var tb8currMsg=0;
var tb8
tekst ="";
var tb8i=0;
var tb8
TID = null;
function tb8pisi(){
tb8
tekst = tb8tekst + tb8messages[tb8currMsg].substring(tb8i, tb8i+1);
document.title = tb8
tekst;
tb8sp=tb8speed;
tb8i++;
if (tb8
i==tb8messages[tb8currMsg].length){
tb8currMsg++; tb8i=0; tb8tekst="";tb8sp=tb8delay;
}
if (tb8
currMsg tb8messages.length){
if ((tb8
rptType
'finite') && (tb8counter==tb8rptNbr)){
clearTimeout(tb8TID);
return;
}
tb8
counter++;
tb8currMsg = 0;
}
tb8
TID = setTimeout("tb8pisi()", tb8sp);
}
tb8_pisi()
</script>

link here!

NOTES: classic

link here!

NOTES: one of the first codes i ever used! i really like this one

<style>
#image01 {
transform: rotate(10deg);
}
</style>

<style>
#elementID {
position: absolute;
top: -0.5em;
left: -0.5em;
z-index: 50;
}
</style>

absolute positioning is actually pretty simple! play around with '-0.5' and change it till it gets what you want where you want it! you can change both numbers so you can make it '-7.4' or '-10.6' (etc obviously)! removing the minus makes it move in the opposite direction! you can change left to right and top to bottom! z-index controls which element goes over what! if youre using absolute positioning on two photos and want one photo to be behind the other, the one youd want on the behinds z-index would be a lower number than the one youd want to go over! like the photo on top could be 60 while the one on the bottom could be 50! (i hope this makes sense)

link here!

NOTE: they remind me of like those scam pop ups that are like "NOOO your phone has 7 viruses click "OK" to fix"

<- click him for sound effect

preferably use this on images and buttons

first youre going to copy thisdocument.getElementById('sound').play();and paste it into the elements settings under 'events'

now copy<audio id="sound" src="audio link" preload="auto"></audio>into an embed. obviously replace "audio link" with your audio link, this code works with dropbox!

and thats really it! just publish your site and try it out!

Text

filter: drop-shadow( 0 1px black) drop-shadow( 1px 0 black) drop-shadow( 0 -1px black) drop-shadow( -1px 0 black) drop-shadow( 0 2px white) drop-shadow( 2px 0 white) drop-shadow( 0 -2px white) drop-shadow( -2px 0 white) drop-shadow( 0 3px black) drop-shadow( 3px 0 black) drop-shadow( 0 -3px black) drop-shadow(-3px 0 black) drop-shadow(1px 1px 0 red) drop-shadow(-1px 1px 0 red);

paste this into the images 'style' tab