原生js+css实现一个幻灯片效果

代码语言:html

所属分类:幻灯片

代码描述:原生js+css实现一个幻灯片效果

代码标签: 一个 幻灯片 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
* {
  padding: 0;
  margin: 0;
}

body {
  background: #eee;
}

.wrapper {
  width: 75%;
  height: max-content;
  margin: 2rem auto 0;
}

header {
  padding: 10rem 4rem;
  font-family: Arial, sans-serif;
  color: white;
}

.content {
  border: solid 2px white;
  width: max-content;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}

.dots {
  display: flex;
  width: 75px;
  justify-content: space-between;
  margin: 1rem auto 0;
  position: absolute;
  left: 50%;
  transform: translat.........完整代码请登录后点击上方下载按钮下载查看

网友评论0