Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- CR IASITA ON CODEPEN
- <audio id="track">
- <source src="https://dl.dropbox.com/s/k1x76ps5feq6qtn/POiSON%20GiRL%20FRiEND_%20Hardly%20Ever%20Smile%20Without%20You.mp3" type="audio/mpeg" />
- </audio>
- <style>
- .fa-play {
- cursor:pointer;
- -webkit-text-stroke: 0.5px #000000;
- -webkit-backdrop-filter: blur(2px);
- background: rgb(255, 255, 255, 0.8);
- backdrop-filter: blur(2px);
- -webkit-filter: drop-shadow(0px 0px 2px rgba(140,140,140,.4));
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
- </style>
- <div id="play" class="play"><i class="fas fa-play"></i></div>
- <script>
- document.getElementById("play").onclick = function() {
- var audio = document.getElementById("track");
- if (audio.paused) audio.play();
- else audio.pause();
- };
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement