cd music player

<!-- music player made by arsha (was @girisgoblog) and edited by méigui (@zhansosmioo on twt) -->
<style>
lol {
}
lol, .img1 { /* cd image u can change the size too */
position: relative;
width: 45px;
height: 45px;
z-index: 999;
-webkit-animation: spin 2s linear infinite;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
.img1:hover { /* this makes the cd stop spinning when hovering! */
-webkit-animation: pop 0.3s ease;
}
</style>
<body>
<div id="lol"><img class="img1" src="https://venusparanoia.neocities.org/cd.png" width="auto" height="45px"></div>
<script>
document.getElementById("lol").onclick = function() {
var audio = document.getElementById("audio");
if (audio.paused) audio.play();
else audio.pause();
};
</script>
<audio id="audio" src="https://dl.dropbox.com/s/0d77ifo2upw7e6x/%ED%97%A4%EC%9D%B4%EC%A6%88%20Heize%20%E2%80%93%20And%20July%20%28feat.%20DEAN%20%26%20DJ%20Friz%29%28audio%29.mp3?dl=0"></audio>
</body>