-------------------------------------------------- ---------------- C O D E # 1 -------------------- -------------------------------------------------- #musicicon { position: fixed; top: 20px; left: 20px; width: 26px; height: 26px; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; } .micon { z-index: 1; width: 15px; background: #5EC6CB; /* music icon background */ padding: 2px; width: 26px; height: 26px; border-radius: 4px; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; } .micon:hover{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .micon img { width: 15px; margin: 5px; } .musicplayer { z-index: -1; position: absolute; margin-top: -30px; background: #fff; /* music player background */ border: 1px solid #5EC6CB; /* music player border */ margin-left: 5px; border-radius: 4px; width: 0px; padding: 9px; overflow: hidden; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; } .mplayer { margin-left: -27px; } #musicicon:hover .musicplayer { margin-left: 29px; width: 120px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #musicicon:hover .micon { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } -------------------------------------------------- ---------------- C O D E # 2 -------------------- --------------------------------------------------
March  1 ♥ 421455 via source
  1. gardenghozt reblogged this from sadplant121-blog
  2. iamsancho reblogged this from maybe-dead
  3. viteas reblogged this from mosschurch
  4. nube-pequena reblogged this from horaex
  5. offecstasy reblogged this from babyscorpyo
  6. babyscorpyo reblogged this from mollymuncher3000
  7. lonleygothluver reblogged this from 00of36vd
  8. bu0nan0tte reblogged this from liminalrot
  9. liminalrot reblogged this from 00of36vd
  10. mollymuncher3000 reblogged this from angelsinmybrain
  11. angelwingsx reblogged this from angelsinmybrain
  12. doom-is-an-angel reblogged this from stalebones
  13. horaex posted this
☯