子比主题美化 文章列表悬停边框美化代码

这是一款极具吸引力的鼠标悬停文章列表边框美化设计，它以简洁明快著称，同时又不失醒目与美观。其风格偏向于二次元，为页面增添了一抹独特的韵味。值得一提的是，本站以往也曾推出过类似的美化方案，若您对此类设计感兴趣，不妨在站内进行一番搜索，相信定能找到更多心仪之选。

代码展示

.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;

   }