Code: Music Player Effects B

Css Style

<style>
#music{
position:fixed; top:90px; left:10px;
padding-top:10px;padding-bottom:17px;
text-align:center;
height:10px; width:34px;
overflow:hidden;
border:3px solid #FFF1C6;
color:#888;
border-radius:40px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#FFFFFF;
z-index:999;
}
#musicplayer{
padding-top:10px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} #music:hover {
border:3px dotted #FFF1C6; padding:5px; height:65px; width:65px;
border-radius:70px;
}
</style>

Widget Code

<div id="music">
<center>
<img src="http://media.tumblr.com/tumblr_m9sq8vPdF31qdlkyg.gif" style="background:none;border:none;padding-top:0px;" /></center>
<div id="musicplayer">
Player Here
</div>
</div>

Pai Eroi

Add Comment

Share this article :

Pai Wonderland: Codes♪
Published: 2015-01-14T07:19:00-08:00
Title:Code: Music Player Effects B
Rating: 5 On 22 reviews

author : Pai Eroi

article Code: Music Player Effects B posted by Pai Eroi. Thank you for your visit and your willingness to read this article. If you want to copy paste this article , please specify link Code: Music Player Effects B as the source.
<a href="http://paieroicodes.blogspot.com/2015/01/code-music-player-effects-b.html">Code: Music Player Effects B</a>

Related Articles