css实现西游记师徒四人取经行走途中动画效果代码
代码语言:html
所属分类:动画
代码描述:css实现西游记师徒四人取经行走途中动画效果代码
代码标签: css 西游记 师徒 四人 取经 行走 途中 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
* {
padding:0;
margin:0;
list-style:none;
}
html,body {
height:100%;
}
.main {
height:100%;
width:100%;
-webkit-background-size:cover;
background-size:cover;
overflow:hidden;
position:relative;
}
.main ul {
height:100%;
width:3920px;
position:absolute;
top:0;
left:0;
animation:dong 50s linear infinite;
}
@keyframes dong {
0% {
left:0;
}
100% {
left:1920px;
}
}.main ul li {
height:100%;
width:100%;
background:url(//repo.bfw.wiki/bfwrepo/images/xiyou/2.jpg);
float:left;
margin-left:-2000px;
}
.wk {
z-index:999;
width:200px;
height:180px;
background:url(//repo.bfw.wiki/bfwrepo/images/xiyou/west_01_.........完整代码请登录后点击上方下载按钮下载查看
网友评论0