纯CSS实现按钮按下效果
发布于 3 个月前 作者 webdashen 324 次浏览 来自 分享

css 实现按钮按下效果

核心代码

.yes-btn {
      background-image: url('../assets/img/web/index/yes.png');
      background-size: 100% 100%;
      margin-right: cssNum(26);
    }
    .yes-btn::before {
      opacity: 0;
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: cssNum(97);
      height: cssNum(49);
      background-image: url('../assets/img/web/index/yes-active.png');
      background-size: 100% 100%;
    }
回到顶部