一个好看的按钮点击特效

最新推荐文章于 2024-08-18 10:16:05 发布

十贰_

最新推荐文章于 2024-08-18 10:16:05 发布

阅读量341

点赞数

分类专栏：前端css动画大合集

本文链接：https://blog.csdn.net/qq_39224105/article/details/117816446

版权

前端css动画大合集专栏收录该内容

4 篇文章 2 订阅

订阅专栏

.home-more-p {
      width: 114px;
      height: 44px;
      background: #ffffff;
      border: 1px solid #919191;
      border-radius: 22px;
      cursor: pointer;
      user-select: none;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #919191;
      position: relative;
    }
    .home-more-p::before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      background-color: #000;
      border: inherit;
      border-color: #000;
      border-radius: inherit;
      transform: translate(-50%, -50%);
      opacity: 0;
      content: " ";
    }
    .home-more-p:active::before {
      opacity: 0.1;
    }