会python真的可以为所欲为0(回)
378天前
这里还有人吗1(回)
563天前这里还有人吗0(回)
563天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
788天前到处都是羊，不想上班0(回)
868天前
鸽子
0(回)
872天前<!DOCTYPE html> |
<html> |
<head> |
<meta charset="utf-8"> |
<title>梦幻西游</title> |
<style> |
body{ |
background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/ft2_7b14393.webp); |
} |
.footer{ |
width: 760px; |
height: 300px; |
/* 背景颜色 */ |
margin: 400px auto;/* 外边距 上下 左右 */ |
} |
.west{ |
float: left;/* 浮动 */ |
width: 190px; |
height: 240px; |
|
|
background-repeat: no-repeat; |
background-position-y:center; |
|
} |
.west:nth-child(1){ |
background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/west_01_3ca39fe.png); |
background-position-x: 0px;/* -1600px */ |
animation: move1 1.4s steps(8) infinite; |
} |
.west:nth-child(2){ |
background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/west_02_47bad19.png); |
background-position-x: 0px;/* -1600px */ |
animation: move2 1.4s steps(8) infinite; |
} |
.west:nth-child(3){ |
background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/west_03_f962447.png); |
background-position-x: 0px;/* -1600px */ |
animation: move3 1.4s steps(8) infinite; |
} |
.west:nth-child(4){ |
background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/west_04_6516d80.png); |
background-position-x: 0px;/* -1600px */ |
animation: move4 1.4s steps(8) infinite; |
} |
@keyframes move1{ |
0%{ |
background-position-x: 0px; |
} |
100%{ |
background-position-x: -1600px; |
} |
} |
@keyframes move2{ |
0%{ |
background-position-x: 0px; |
} |
100%{ |
background-position-x: -1600px; |
} |
} |
@keyframes move3{ |
0%{ |
background-position-x: 0px; |
} |
100%{ |
background-position-x: -1360px; |
} |
} |
@keyframes move4{ |
0%{ |
background-position-x: 0px; |
} |
100%{ |
background-position-x: -1660px; |
} |
} |
</style> |
</head> |
<body> |
<div class="footer"> |
<div class="west"></div> |
<div class="west"></div> |
<div class="west"></div> |
<div class="west"></div> |
</body> |
</html> |
初级程序员
by: 苏格拉底 发表于：2020-07-05 21:34:37 顶(1) | 踩(1) 回复
需要先打开梦话西游官网在运行代码才可以
回复评论