Advertisement
kyujouz

image music player

Aug 4th, 2021
9,762
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.87 KB | None | 0 0
  1. <html>
  2. <head>
  3. <style>
  4. div.song {
  5. position: fixed;
  6. bottom: 0;
  7. left: 0;
  8. width: auto;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13.  
  14. <div class="song">
  15. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
  16. <style>
  17. #img:hover,
  18. #img:focus {
  19. -webkit-animation-name:bounce;
  20. animation-name:bounce;
  21. -webkit-transform-origin:center bottom;
  22. transform-origin:center bottom;
  23.  
  24. }
  25. </style>
  26.  
  27. <center>
  28. <audio id="audio" src="https://dl.dropbox.com/s/40ldfrh5q2wod30/Stardew%20Valley%20OST%20-%20Fall%20%28The%20Smell%20of%20Mushroom%29.mp3"></audio>
  29. <img id="img" src="https://graphic.neocities.org/1246603866141.gif" width=auto height=auto class="animate__animated">
  30. </center>
  31.  
  32. <script>
  33. document.getElementById("img").addEventListener("click", function(){
  34. document.getElementById("audio").play();
  35. });
  36. </script>
  37. </div>
  38.  
  39. </body>
  40. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement