Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family: emoji;
- src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
- }
- #music-player {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- #music-player {
- position: absolute;
- top: 85px;
- left: 140px;
- z-index: 99;
- height: 1.425em;
- width: 1.425em;
- font-size: 2em;
- font-family: emoji;
- padding: 0.125em;
- background: #C4D4FD;
- border-radius: 50%;
- background: -webkit-linear-gradient(-90deg, #fff, #FACDE0, #FACDE0 50px);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- -webkit-filter: drop-shadow(0px 0px 2px #424242CF);
- -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);
- }
- }
- #music-player:hover {
- -webkit-animation: pop 0.3s ease;
- }
- </style>
- <div id="music-player" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">s</div>
- <script>
- document.getElementById("music-player").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/yocrnipik2bokys/Fish.mp3"></audio>
Add Comment
Please, Sign In to add comment