G-poster для музыкальных сайтов

<div class="cover" style="background: url('$IMG_URL1$') center no-repeat;" ><div class="cover-center"></div><div class="cover-bord"></div></div>

.cover {
  width: 340px;
  height: 340px;
  border-radius: 180px;
  position: relative;
  -webkit-box-shadow: 0px 0px 10px #aaa;
  -moz-box-shadow: 0px 0px 10px #aaa;
  -o-box-shadow: 0px 0px 10px #aaa;
  box-shadow: 0px 0px 10px #aaa;
  -webkit-text-shadow: 0px 1px 0px #000;
  -moz-text-shadow: 0px 1px 0px #000;
  -o-text-shadow: 0px 1px 0px #000;
  text-shadow: 0px 1px 0px #000;
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
float: left; margin: 9px ;
}

.cover:hover {transform: scale(1.0) rotate(20deg); transition: 0.5s all; opacity:1;}  
  .cover-bord {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -28px;
  background-color: transparent;
  border: 3px solid #fff;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
}
  .cover-center {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  background-color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: inset 0px 0px 10px #aaa;
  -moz-box-shadow: inset 0px 0px 10px #aaa;
  -o-box-shadow: inset 0px 0px 10px #aaa;
  box-shadow: inset 0px 0px 10px #aaa;
}