junk club (-‿◦☀)

accepting entries

concept is things u might find in a junk drawer! -(๑☆‿ ☆#)ᕗ

templates

key to the heart, and

elastic pulse

more to be added over time! so far everything is themed feb 14 :3

if ud like to be shared on this page, email jackwhipshaw@proton.me

send a link to ur site/pixel page

and a link to the asset

have fun lovelies

junk drawer STYLE


<style>

#junk {
	height:60px;
	width:80px;
	position:relative;
	margin:111px;
	background-image:radial-gradient(ellipse, #b49, #ff000000 70%);
}

#junk img {
	position:absolute;
	z-index:1;
	image-rendering:pixelated;
	padding:5px 2px;
	transition:ease-in 0.2s;
}

#junk img:hover {
	z-index:2;
	transform:scale(3) rotate(12deg);
}

</style>

junk drawer HTML


<div id="junk">
<img src="" alt="" />
</div>

junk drawer SCRIPT


<script>
function getRandomInt(max) {
  return Math.floor(Math.random() * max);
}

let junkdrawer = document.getElementById("junk");
for (let image of junkdrawer.children) {
	image.style.top = (getRandomInt(50)-10)+"px";
	image.style.left = (getRandomInt(80)-14)+"px";
	image.style.transform = "rotate("+getRandomInt(365)+"deg)";
}
</script>