没有合适的资源?快使用搜索试试~ 我知道了~
发问题帖子无法写太多代码,用链接的方式放到问题贴里,代码来自csdn博友,在浏览器中打开是乱码,欢迎指教
资源推荐
资源详情
资源评论
第一个
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>时光轴</title>
<style>
.container {
width: 800px;
margin: 50px auto;
}
.vertical-timeline {
color: #FFF;
font-family: "微软雅黑", "Microsoft YaHei";
}
.vertical-timeline-block {
width: 100%;
border-left: 2px solid #DDD;
margin: 0 20px;
position: relative;
padding-bottom: 30px;
}
/* 时间轴的左侧图标 */
.vertical-timeline-icon {
width: 40px;
height: 40px;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>时光轴</title>
<style>
.container {
width: 800px;
margin: 50px auto;
}
.vertical-timeline {
color: #FFF;
font-family: "微软雅黑", "Microsoft YaHei";
}
.vertical-timeline-block {
width: 100%;
border-left: 2px solid #DDD;
margin: 0 20px;
position: relative;
padding-bottom: 30px;
}
/* 时间轴的左侧图标 */
.vertical-timeline-icon {
width: 40px;
height: 40px;
border-radius: 20px;
position: absolute;
left: -22px;
top: 10px;
text-align: center;
line-height: 40px;
cursor: pointer;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
}
.vertical-timeline-block {
cursor: pointer;
}
.vertical-timeline-block:hover .vertical-timeline-icon {
width: 50px;
height: 50px;
border-radius: 25px;
line-height: 50px;
left: -27px;
box-shadow: 0 0 5px #CCC;
font-size: 25px;
}
/* 时间轴的左侧图标的各种样式 */
.v-timeline-icon1 {
background-color: #2aabd2;
}
position: absolute;
left: -22px;
top: 10px;
text-align: center;
line-height: 40px;
cursor: pointer;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
}
.vertical-timeline-block {
cursor: pointer;
}
.vertical-timeline-block:hover .vertical-timeline-icon {
width: 50px;
height: 50px;
border-radius: 25px;
line-height: 50px;
left: -27px;
box-shadow: 0 0 5px #CCC;
font-size: 25px;
}
/* 时间轴的左侧图标的各种样式 */
.v-timeline-icon1 {
background-color: #2aabd2;
}
剩余22页未读,继续阅读
资源评论
qq_38721679
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功