Free Palestine
Enjoying Fluffle? MaybeSupport on Ko-Fi
Welcome to /test!
a resource fluffle by me because I was bored ;)
Update Logs .. Hi every one i forgot about this. will update soon ok?
I lied Thanks

Image AnimsText Anims Custom Fonts Miscellaneous???

Floating Animation
meow!

.image {

/*rename the div name if u want*/

animation-name: floating;

animation-duration: 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;
}

@keyframes floating {

0% { transform: translate(0, 0px); }

50% { transform: translate(0, 15px); }

100% { transform: translate(0, -0px); }

}
Popping Animation
.image {

/*do rename the div tthingy if you want*/

text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;

/* NOTE: I took this from teaclub.crd.co (which is unavailable rn but you can find the code in pochi.crd.co*/
font-style: italic;

font-size: 12px;

font-weight:bold;

color: #fff;

-webkit-animation: pop 1s ease-in-out infinite alternate;

animation: pop 1s ease-in-out infinite alternate;

-moz-animation: pop 1s ease-in-out infinite alternate;

}

@keyframes pop {

from {

transform:scale(0.95)

}

50% {

transform:scale(1)

}

to {

transform:scale(0.95)

}

}

@-webkit-keyframes pop {

from {
-webkit-transform:scale(0.95)
}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}

}
meow!
Jerky Animation
meow!
.image {

/*I took this from /Testing because I'm fucking EVIL.*/

animation: jerk 1.5s step-end infinite;

}

@keyframes jerk {



0% {

transform: rotate(-2deg);

}

50% {

transform: rotate(0deg);

}

}
Shaky Animation
.image {

animation: shake 0.5s;

animation-iteration-count: infinite;
}

@keyframes shake {

0% { transform: translate(1px, 1px) rotate(0deg); }

10% { transform: translate(-1px, -2px) rotate(-1deg); }

20% { transform: translate(-3px, 0px) rotate(1deg); }

30% { transform: translate(3px, 2px) rotate(0deg); }

40% { transform: translate(1px, -1px) rotate(1deg); }

50% { transform: translate(-1px, 2px) rotate(-1deg); }

60% { transform: translate(-3px, 1px) rotate(0deg); }

70% { transform: translate(3px, 1px) rotate(-1deg); }

80% { transform: translate(-1px, -1px) rotate(1deg); }

90% { transform: translate(1px, 2px) rotate(0deg); }

100% { transform: translate(1px, -2px) rotate(-1deg); }

}
meow!

yo guys.. I'll just make a pastebin for this since I'm too lazy..

Pop! I use the same code with the popping image animation!
floating! credit °pochi.crd.co Link!

How to insert a (custom) font

go to dafont or anyother font website and choose a font you like (download it ofc!) after that open up the font file and extract it, once it's extracted open the file and grab the .otf / .ttf file and send it to any file(?)/image hosting website like filegarden, catbox, dropbox, and.. idk ;-; and then copy dis thingy

@font-face {

src: url('Font link here.. MAKE SURE IT'S AN .otf OR .ttf!');

font-family: 'fontnamehere';

}

.txt {

font-family: 'fontnamehere';

}
Custom Selection Color

if you dont get it, select any text in this website (if you're on PC or Android..)
also credits to /snippets for this code.. ;-;
Anyways CODE!
::selection {
background-color: #hexcolorhere;
color: white;
}

How the fuck do I put a music player?
so you just.
anyways CODEEEE!!!!
<audio controls> <source src="mp3 link here ;3" type="audio/mpeg"> </audio>

UPDATES

8/12/2025 - created this fucking website
8/something/2025 - revamped it and i got insanely lazy
8/20/2025 - started rveampung it AGAIN ;-;
5/25/26 je ne veux pas!
yeah thats it. Bye.

About me
Hi I am ■■■■■■. Bye.
I died.


??? ;3
Pub: 2025-09-04 06:00 UTCEdit: 2026-05-29 08:08 UTCViews: 789