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?
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 ;-;
yeah thats it. Bye.

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

??? ;3
Edit
Pub: 2025-08-12 10:53 UTCEdit: 2025-09-08 13:30 UTCViews: 172