纯css实现一个幻灯片效果

代码语言:html

所属分类:幻灯片

代码描述:纯css实现一个幻灯片效果

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

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


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

<style>

body {
  background: linear-gradient(-45deg, #83a4d4, #b6fbff);
  font-family: 'Open Sans', sans-serif;
}

h1 {
  text-align: center;
}

h1,
aside,
.container {
  margin: 0 auto 20px;
  max-width: 500px;
}

.container {
  border-radius: 5px;
  margin: 0 auto;
  position: relative;
  transition: box-shadow 200ms;
}
.container:hover {
  box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.25);
}

.slideshow {
  position: relative;
  width: 100%;
}
.sl.........完整代码请登录后点击上方下载按钮下载查看

网友评论0