<img src="https://uchicken.neocities.org/other/shinjiplush.png" id="image" title="look at him fucking bounce stuipid fucking thing."/>
<div id="scroll">
imported from what used to be sntry so this is kinda ass
<br>
DUDE THE CODE FOR THIS IS SO WEIRD BECAUSE I DIDNT KNOW SHIT ABOUT CSS KILL ME.
<br>
anyways kill me i just wanna make a lot of text so it can scroll.
<br>
trying to salvage whatecer i can i dont wnana do ts from scratch icl
</div>
<style>
.container-1 {
width: 450px;
padding: 0px;
}
#scroll {
position: relative;
bottom: 65px;
width: 200px;
height: 200px;
overflow: auto;
display: block;
border-width:7px;
border-style:solid;
border-image: url("https://file.garden/ZdJbAU5bi0D4VIWR/frillborder.pnj") 8 fill round;
background: #fff;
z-index: 10;
margin: auto;
}
::-webkit-scrollbar {
width: 0;
}
#image {
position: relative;
top: 160px;
left: 15px;
z-index: 20;
width: 150px;
animation: bounce 1.5s ease infinite;
}
body {
animation: fadein ease .5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}}
@keyframes bounce {
0% { transform: translateY(0); }
30% { transform: translateY(-90px); }
50% { transform: translateY(0); }
60% { transform: translateY(-25px); }
100% { transform: translateY(0); }
}
* {
font-family: sans-serif;
}
</style>