幽灵按钮

Posted 2020-09-13 奔跑的葛根

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了幽灵按钮相关的知识，希望对你有一定的参考价值。

.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秒完成动作

}

以上是关于幽灵按钮的主要内容，如果未能解决你的问题，请参考以下文章