后台css添加

/**头像旋转呼吸光环**/
.friends-img.mr-2.lazy.loaded:hover{
transform:rotate(360deg);
}
.comment-avatar:hover{
transform:rotate(360deg);
}
.sidebar-comment-avatar.mr-1:hover{
transform:rotate(360deg);
}
.friends-img.mr-2.lazy.loaded,.comment-avatar,.sidebar-comment-avatar.mr-1 {
    border-radius: 50%;
    animation: light 4s ease-in-out infinite;
    transition: all 0.5s;
}
@keyframes light {
    0% {
        box-shadow: 0 0 4px #ff1354;
    }
    25% {
    box-shadow: 0 0 16px #1ebbff;
    }
    50% {
    box-shadow: 0 0 4px #0ed39f;
    }
    75% {
    box-shadow: 0 0 16px #4fe7f4;
    }
    100% {
    box-shadow: 0 0 4px #f35444;
    }
}

原文链接:https://blog.ysneko.com/archives/461/

最后修改:2021 年 06 月 04 日 09 : 23 AM
如果觉得我的文章对你有用,请随意赞赏