焱鑫磊 发表于 2022-1-27 09:57

《梦向何处寻》李思思

<p align="center"><img src="http://pan.yinhuabbs.cn/view.php/b0caa4ee5c8c4b2cc30e4e7c1b50a0e2.jpg" style="width: 225px; height: 165px; display: none;" /></p>
<style type="text/css">.items {z-index: 1;width: 1000px;
height: 600px;position: relative;
box-shadow:0px 0px 0px 2px #CCCCCC, 0px 0px 10px 20px #800000;MARGIN-LEFT:-20px;margin-top:30px; background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/b0caa4ee5c8c4b2cc30e4e7c1b50a0e2.jpg);
ox-sizing: border-box;
overflow:hidden;border-radius:0%;
transform-origin: center;}
.wall{width: 1000px;height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#background{
width: 1000px;height: 600px;
    background: url("http://pan.yinhuabbs.cn/view.php/b6f22b3fd42cebfff49bdb58d98391cb.jpg")no-repeat;
position: absolute;
    top: 0px;
    left: 0px;transform: rotateY(180deg);

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

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

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

    animation: cc 153s linear infinite;
}
div#top{width: 1000px;height: 600px;
    background: url("http://image.hnol.net/c/2022-01/05/16/202201051650422421-5769293.png");
    z-index: 4;

    animation: da 100s linear infinite;
}
@-webkit-keyframes c {
    0% 100%{transform: scale(1);
    }
50%{transform: scale(1);
    }
70%{transform: scale(1);
    }
   
}
@-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:400px;LEFT: 20px;z-index: 12435;"><iframe frameborder="0" height="450" marginheight="0" marginwidth="0" scrolling="no" src="http://pan.yinhuabbs.cn/view.php/dc355ab018ecbeb256fc27100ef043e3.html" title="" width="960"></iframe></div>
</div>
</div>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

蓝魔 发表于 2022-1-27 09:59

欣赏一下，谢谢。

非常开心 发表于 2022-1-27 10:19

梦，是真谛，梦，似幻似影，梦，乃一帘幽梦，梦是心灵的思想，也是我们的真情秘密。

焱鑫磊 发表于 2022-1-27 10:36

蓝魔 发表于 2022-1-27 09:59
欣赏一下，谢谢。

问候老师上午好！

焱鑫磊 发表于 2022-1-27 10:36

非常开心 发表于 2022-1-27 10:19
梦，是真谛，梦，似幻似影，梦，乃一帘幽梦，梦是心灵的思想，也是我们的真情秘密。

问候老师上午好！

巫荣云师 发表于 2022-1-27 14:58

欣赏收藏老师的 好看又好听，点赞！

焱鑫磊 发表于 2022-1-27 20:05

巫荣云师 发表于 2022-1-27 14:58
欣赏收藏老师的 好看又好听，点赞！

问候老师好！
页: [1]
查看完整版本: 《梦向何处寻》李思思