绿叶清舟 发表于 2021-12-25 13:12

海韵TO东篱


<style type="text/css">
.sky {
height: 480px;
position: relative;
overflow: hidden;
-webkit-animation: sky_background 50s ease-out infinite;
-moz-animation: sky_background 50s ease-out infinite;
-o-animation: sky_background 50s ease-out infinite;
animation: sky_background 50s ease-out infinite;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.sky .clouds_one {
background: url("https://pic.imgdb.cn/item/61c6a31d2ab3f51d91833c42.png");
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 300%;
-webkit-animation: cloud_one 50s linear infinite;
-moz-animation: cloud_one 50s linear infinite;
-o-animation: cloud_one 50s linear infinite;
animation: cloud_one 50s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.sky .clouds_two {
background: url("https://pic.imgdb.cn/item/61c6a3382ab3f51d918348ce.png");
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 300%;
-webkit-animation: cloud_two 75s linear infinite;
-moz-animation: cloud_two 75s linear infinite;
-o-animation: cloud_two 75s linear infinite;
animation: cloud_two 75s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.sky .clouds_three {
background: url("https://pic.imgdb.cn/item/61c6a34b2ab3f51d91835097.png");
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 300%;
-webkit-animation: cloud_three 100s linear infinite;
-moz-animation: cloud_three 100s linear infinite;
-o-animation: cloud_three 100s linear infinite;
animation: cloud_three 100s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}



@-webkit-keyframes cloud_one {
0% {
        left: 0
}
100% {
        left: -200%
}
}
@-moz-keyframes cloud_one {
0% {
        left: 0
}
100% {
        left: -200%
}
}
@keyframes cloud_one {
0% {
        left: 0
}
100% {
        left: -200%
}
}

@-webkit-keyframes cloud_two {
0% {
        left: 0
}
100% {
        left: -200%
}
}
@-moz-keyframes cloud_two {
0% {
        left: 0
}
100% {
        left: -200%
}
}
@keyframes cloud_two {
0% {
        left: 0
}
100% {
        left: -200%
}
}

@-webkit-keyframes cloud_three {
0% {
        left: 0
}
100% {
        left: -200%
}
}
@-moz-keyframes cloud_three {
0% {
        left: 0
}
100% {
        left: -200%
}
}
@keyframes cloud_three {
0% {
        left: 0
}
100% {
        left: -200%
}
}

</style>

<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1720 background=https://pic.imgdb.cn/item/61c6a20e2ab3f51d9182c8a3.jpg>
<div class="sky"style="position: relative; LEFT: 0px; width:1200px;TOP: -580px" >
        <div class="clouds_one"></div>
        <div class="clouds_two"></div>
        <div class="clouds_three"></div>
</div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=3 height=6 src="//music.163.com/outchain/player?type=2&id=1858141808&auto=1&height=6"></iframe>

小辣椒 发表于 2021-12-25 13:44

沙发我的

小辣椒 发表于 2021-12-25 13:45

哇塞,清舟这个css制作的云动漂亮极了{:4_178:}

大猫咪 发表于 2021-12-25 13:49

清舟好制作,真漂亮,这是不是老头的张姑娘啊{:5_117:}

老头还不来,看姑娘独自徘徊真海边,留下蔚蓝的天空,海涛阵阵,开始陷入了沉思 {:5_117:}

{:4_204:}{:4_199:}

樵歌 发表于 2021-12-25 13:54

东篱还不快快的驾一叶小舟迎接姑娘上周岸切,再煮碗姜汤暖暖身骨,小心受凉了哇。{:4_173:}

樵歌 发表于 2021-12-25 13:54

清舟出手,必是魁首。{:4_204:}

绿叶清舟 发表于 2021-12-25 14:09

樵歌 发表于 2021-12-25 13:54
清舟出手,必是魁首。

谢谢樵歌,哪有这么厉害啊

绿叶清舟 发表于 2021-12-25 14:09

大猫咪 发表于 2021-12-25 13:49
清舟好制作,真漂亮,这是不是老头的张姑娘啊

老头还不来,看姑娘独自徘徊真海边,留下蔚蓝 ...

张姑娘掉下来了吗{:4_189:}

绿叶清舟 发表于 2021-12-25 14:10

小辣椒 发表于 2021-12-25 13:45
哇塞,清舟这个css制作的云动漂亮极了

一直以为Css文件得上传了引用的,看到黑的贴启发了

大猫咪 发表于 2021-12-25 14:11

绿叶清舟 发表于 2021-12-25 14:09
张姑娘掉下来了吗

嗯嗯 玉皇大帝同意了{:4_170:}老头还不来,姑娘会感冒的。。。{:5_117:}

绿叶清舟 发表于 2021-12-25 14:17

大猫咪 发表于 2021-12-25 14:11
嗯嗯 玉皇大帝同意了老头还不来,姑娘会感冒的。。。

老头在梳妆打扮的吧

红影 发表于 2021-12-25 14:19

也去看了看原云朵图片,那么黑呼呼的云朵,做成动态后,这么漂亮的啊。清舟太棒了{:4_199:}

大猫咪 发表于 2021-12-25 14:19

绿叶清舟 发表于 2021-12-25 14:17
老头在梳妆打扮的吧

https://s4.ax1x.com/2021/12/23/TJAuBF.jpg

在换衣服,哈哈{:4_170:}老头真有创意笑4

绿叶清舟 发表于 2021-12-25 14:21

大猫咪 发表于 2021-12-25 14:19
在换衣服,哈哈老头真有创意笑4

啥时当兵去了啊{:4_189:}

绿叶清舟 发表于 2021-12-25 14:22

红影 发表于 2021-12-25 14:19
也去看了看原云朵图片,那么黑呼呼的云朵,做成动态后,这么漂亮的啊。清舟太棒了

天下云朵一般黑的{:4_189:}

大猫咪 发表于 2021-12-25 14:22

绿叶清舟 发表于 2021-12-25 14:21
啥时当兵去了啊

{:4_170:}

小辣椒 发表于 2021-12-25 14:23

绿叶清舟 发表于 2021-12-25 14:10
一直以为Css文件得上传了引用的,看到黑的贴启发了

但我发现css兼容模式看不见的

绿叶清舟 发表于 2021-12-25 14:30

小辣椒 发表于 2021-12-25 14:23
但我发现css兼容模式看不见的

我用系统自带的浏览器看了,这个能看到的,那个F的看不到也是一块白板的

绿叶清舟 发表于 2021-12-25 14:31

大猫咪 发表于 2021-12-25 14:22


啥时空了把老头整大秦去玩玩{:4_189:}

大猫咪 发表于 2021-12-25 14:34

绿叶清舟 发表于 2021-12-25 14:31
啥时空了把老头整大秦去玩玩

做秦始皇啊{:4_170:}好注意
页: [1] 2 3
查看完整版本: 海韵TO东篱