侧边栏头像旋转代码

将以下代码添加至后台主题设置 自定义CSS。

/*头像旋转*/
.img-circle {
    border-radius: 80%;
    animation: light 5s ease-in-out infinite;
    transition: 0.5s;
}
.img-circle:hover {
    transform: scale(1.55) rotate(720deg);
}
@keyframes light {
    0% {
        box-shadow: 0 0 4px #000000;
    }
    25% {
        box-shadow: 0 0 16px #000000;
    }
    50% {
        box-shadow: 0 0 4px #000000;
    }
    75% {
        box-shadow: 0 0 16px #ff0035;
    }
    100% {
        box-shadow: 0 0 4px #f00;
    }
}

文章底部打赏图标跳动

将以下代码添加至后台主题设置 自定义CSS。

/*打赏跳动*/
.btn-pay {
    animation: star 0.5s ease-in-out infinite alternate;
}

@keyframes star {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

时光机及评论圆形头像

转载自简记小屋

/* 时光机及评论区圆形头像 */
.img-square {border-radius: 50%;}
.list-group-item .thumb-sm .img-square {border-radius: 5px;}

歌单圆角化

/*歌单圆角化*/
    #skPlayer .skPlayer-list {
        border-radius: 1px 1px 10px 10px; 
    }
    #skPlayer .skPlayer-list .skPlayer-list-sign{
        background-color: #b822c1;
    }

iconfont美化

开发者设置--自定义输出head 头部的HTML代码添加

<link href="https://at.alicdn.com/t/font_3199908_bxdwp7fhza4.css" rel="stylesheet">

顶栏模糊

登录页面美化

右侧功能按钮设置图标放大

其它

测试,无内容

该部分仅登录用户可见

最后修改:2022 年 03 月 01 日 09 : 47 PM
喜欢我的文章吗?
别忘了点赞或赞赏,让我知道创作的路上有你陪伴。