CSS: Bubble Audio Player
/*Bubble Audio Player Code*/ .w-bubble-music { position: fixed; left: 20px; top: 20px; width: 30px; height: 30px; background-color: #de8110; border-radius: 100%; -moz-border-radius: 100%; overflow: hidden; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .w-bubble-music:hover { border-radius: 9px; -moz-border-radius: 9px; width: 140px; height: 30px; } .w-music_embed { margin: -23px 0 0 70px; z-index: 1; font-family: consolas; font-size: 8px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .w-bubble-music:hover .music_embed { margin: -23px 0 0 34px; opacity: 1; } .w-green { color: #006600; } .w-purple { color: #5200CC; }