幽灵按钮

.box-name .icon:hover{                      //鼠标移入发生的动作
    transform:scale(1.2) rotate(360deg);      // 元素尺寸增加1.2；旋转360°
    -webkit-transform:scale(1.2) rotate(360deg);//谷歌浏览器
    -o-transform:scale(1.2) rotate(360deg); //苹果浏览器
    -moz-transform:scale(1.2) rotate(360deg);//火狐浏览器
}

.box-name .icon{
    display:block;
    width:115px;
    height:111px;
    background: url(./images/d.png) no-repeat;
    margin: 0px auto;
    transition:all 0.2s;   //0.2秒完成动作

}