Blog 美化-文章背景图片上下移动

发布于 2021-08-18  87 次阅读


后台-其他设置-低使用设置-自定义 CSS 样式

file

贴入 css

.movee1 {
    animation: cusmove1 15s ease infinite;
    -webkit-animation: cusmove1 15s ease infinite;
    -moz-animation: cusmove1 15s ease infinite;
    width: 100%;
}
.movee2 {
    animation: cusmove2 15s ease infinite;
    -webkit-animation: cusmove2 15s ease infinite;
    -moz-animation: cusmove2 15s ease infinite;
    width: 100%;
}
@keyframes cusmove1 {
    0% {
        background-position: 0% 0%;
    }

    15% {
        background-position: 80% 50%;
    }

    30% {
        background-position: 30% 80%;
    }

    45% {
        background-position: 70% 15%;
    }

    55% {
        background-position: 70% 55%;
    }

    70% {
        background-position: 100% 100%;
    }

    85% {
        background-position: 30% 10%;
    }

    100% {
        background-position: 0% 0%;
    }
}
@keyframes cusmove2 {
    0% {
        background-position: center 0%;
    }

    50% {
        background-position: center 100%;
    }

    100% {
        background-position: center 0%;
    }
}
.pattern-attachment-img {
    background-repeat: no-repeat;
    /*background-size: cover;
    background-position: center center;*/
    background-origin: border-box;
    width: 100%;
    height: 400px
    animation: cusmove1 15s ease infinite;
    -webkit-animation: cusmove1 15s ease infinite;
    -moz-animation: cusmove1 15s ease infinite;
    width: 100%;
}

博主好穷啊,快点支助一下吧 ε = = (づ′▽`)づ