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

效果图

教程开始

将下面代码放进自定义css代码中即可

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