子比主题 – 鼠标悬停边框美化-小妖客栈

子比主题 – 鼠标悬停边框美化

发表于2026-08-05

更新于2026-08-06

这个是电脑端展示的一款子比底部导航引导登入，这个美化是扒过来的，但是我给他小改了一下，因为代码有点小问题，然后满足不了我的需求，所以我改了之后发了这篇文章，如下图，底部一键登入注册，我加了点判断，如果用户是登入的情况下不显示这个。喜欢的自行部署吧

代码部署

.card {
    box-shadow: 0.3em 0.3em 0.7em #00000015;
    border: rgba(0, 0, 0, .05) 0.2em solid;
    
   }
   
   .card:hover {
    border: #006fff 0.2em solid;
     transition: border 1s;
   }

版权声明 1 本站名称： 小妖客栈
2 本站网址：www.wangkay.top
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6 本站附件资源、教程等内容如因时效原因失效或不可用，请评论区留言或联系站长及时更新。

THE END

子比主题 – 鼠标悬停边框美化

子比主题 – 鼠标悬停边框美化

代码部署

请登录后发表评论