# 一行代码自适应三种图片背景

用三张图做背景,中间区域不限制高度

顶部 交错动画 中部 交错动画 底部 交错动画

<style>
    body{
        background: hotpink;
    }
    .box{
        width: 750px;
        height: 800px;
        box-sizing: border-box;
        padding: 159px 0 61px 0;
    background: url(./gift-bg-top.png) left top/ contain no-repeat,
        url(./gift-bg-bottom.png) left bottom / contain no-repeat,
        url(./gift-bg-center.png) left top/ contain repeat-y content-box;
    }
</style>
<div class="box"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

效果如下图 交错动画