焱鑫磊 发表于 2022-1-4 20:26

《最远的你是我最近的爱》刘紫玲

<style type="text/css">.items {z-index: 1;width: 1000px;
height: 640px;position: relative;
box-shadow:0px 0px 0px 2px #CCCCCC, 0px 0px 10px 20px #800000;MARGIN-LEFT:0px;margin-top:30px; background-size:100% 100%;
ox-sizing: border-box;
overflow:hidden;border-radius:0%;
transform-origin: center;}
html,body{margin: 0px;padding: 0;}


.wall{width: 1000px;height: 640px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#background{
width: 1000px;height: 640px;
    background: url("https://s4.ax1x.com/2022/01/04/TO3qQP.gif")no-repeat;
position: absolute;
    top: 0px;
    left: 0px;

animation: c 12s linear infinite;
background-size: cover;
}

div#midground{width: 1000px;height: 640px;
    background: url("http://pan.yinhuabbs.cn/view.php/3a446aae446c940d3105e2305f7de794.png");
    z-index: 1;

    animation: cc 100s linear infinite;
}
div#foreground{width: 1000px;height: 640px;
    background: url("http://pan.yinhuabbs.cn/view.php/3a446aae446c940d3105e2305f7de794.png");
    z-index: 2;

    animation: cc 153s linear infinite;
}
div#top{width: 1000px;height: 640px;
    background: url("http://pan.yinhuabbs.cn/view.php/3a446aae446c940d3105e2305f7de794.png");
    z-index: 4;

    animation: da 100s linear infinite;
}
@-webkit-keyframes c {
    0% 100%{transform: scale(1);
    }
50%{transform: scale(1.3);
    }
70%{transform: scale(1.3);
    }
   
}
@-webkit-keyframes cc {
    from{
      background-position: 0 0;
      transform: translateY(10px);
    }
    to{
      background-position: 600% 0;filter:hue-rotate(360deg)
    }
}
@-o-keyframes cc {
    from{
      background-position: 0 0;
      transform: translateY(10px);
    }
    to{
      background-position: 600% 0;filter:hue-rotate(360deg)
    }
}
@-moz-keyframes cc {
    from{
      background-position: 0 0;
      transform: translateY(10px);
    }
    to{
      background-position: 600% 0;filter:hue-rotate(360deg)
    }
}
@keyframes cc {
    0%{
      background-position: 0 0;
    }
    100%{
      background-position: 600% 0;filter:hue-rotate(360deg)
    }
}

@keyframes da {
    0%{
      background-position: 0 0;
    }
    100%{
      background-position: 0 600%;filter:hue-rotate(180deg)
    }18
}
@-webkit-keyframes da {
    0%{
      background-position: 0 0;
    }
    100%{
      background-position: 0 600%;filter:hue-rotate(180deg)
    }
}
@-moz-keyframes da {
    0%{
      background-position: 0 0;
    }
    100%{
      background-position: 0 600%;filter:hue-rotate(180deg)
    }
}
@-ms-keyframes da {
    0%{
      background-position: 0 0;
    }
    100%{
      background-position: 0 600%;filter:hue-rotate(180deg)
    }
}
</style>
<div class="items">
<div class="wall" id="background">&nbsp;</div>

<div class="wall" id="midground">&nbsp;</div>

<div class="wall" id="foreground">&nbsp;</div>

<div class="wall" id="top">
<div style="position: relative;top:80px;LEFT: 220px;z-index: 435;"><iframe frameborder="0" height="600" marginheight="0" marginwidth="0" scrolling="no" src="http://pan.yinhuabbs.cn/view.php/780229da8d7838d1693d2802087f2b4f.html" title="" width="100%"></iframe></div>
</div>
</div>

<div style="height: 50px;">&nbsp;</div>


蓝魔 发表于 2022-1-4 22:53

欣赏一下，谢谢。

张红 发表于 2022-1-5 07:55

欣赏问好
谢谢分享{:1_293:}

焱鑫磊 发表于 2022-1-5 08:16

蓝魔 发表于 2022-1-4 22:53
欣赏一下，谢谢。

问候老师好！

焱鑫磊 发表于 2022-1-5 08:16

张红 发表于 2022-1-5 07:55
欣赏问好
谢谢分享

老师早上好！
页: [1]
查看完整版本: 《最远的你是我最近的爱》刘紫玲