<![CDATA[<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
<title>Transition</title>
<style type = "text/css">
img {
margin: 325px;
transition: transform 8s;
height: 10px;
width: 10px;
}
img:hover {
transform: rotate(360deg) scale(80,80);
}
</style>
</head>
<body>
<img src = "angryJosh.jfif" id = "Josh">
<audio id= "goteem" preload="auto">
<source src = "Goteem.mp3" type ="audio/mpeg">
</audio>
<!-- Ignore this part, this is strictly for the memes -->
<script>
const img = document.getElementById("Josh");
const sound = document.getElementById("goteem");
img.addEventListener("mouseenter", () => {
sound.currentTime = 0;
sound.play();
});
img.addEventListener("mouseleave", () => {
sound.pause();
});
</script>
</body>
</html>]]>