admin管理员组

文章数量:1122852

梦幻西游

梦幻西游来一发

menghuan.css

html {font: 1em/1.5 "Microsoft YaHei","微软雅黑";color:#333333;}
a {text-decoration: none;color: #333333;}
body,p,h1,h2,h3 {margin: 0;}
ul , ol {margin: 0;padding: 0;list-style:none;}
.bj{width: 1600px;overflow: hidden;position: relative;
}
.bj>div{width: 1600px;overflow: hidden;
}
.bj img{height: 100%;overflow:hidden;
}
.content{width: 1600px;height: 200px;position: absolute;top: 300px;z-index: 99999;
}
.content>ul{display: flex;padding: 0 400px;
}
.content>ul>li{width: 200px;height: 200px;overflow: hidden;
}
.content>ul>li>div{width: 1600px;height: 200px;overflow: hidden;animation-name: move;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: steps(8);
}
.content>ul>li>div>img{width: 100%;height: 100%;
}
@keyframes move{from{margin-left: 0;}to{margin-left: -1600px;}
}

menghuan.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>dream</title><link rel="stylesheet" href="./menghuan.css">
</head>
<body><div class="bj"><div><img src="../images/beijing.jpg" alt="" ></div></div><div class="content"><ul><li><div><img src="../images/hou.png" alt=""> </div></li><li><div><img src="../images/zhu.png" alt=""> </div></li><li><div><img src="../images/ts.png" alt=""></div></li><li><div><img src="../images/ss.png" alt=""></div></li></ul></div>
</body>
</html>

images文件夹里面的东西




本文标签： 梦幻西游

版权声明：本文标题：梦幻西游 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1704428291a625167.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。