今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图：
实现的代码。
html代码：
。。。
阅读原文：一款纯css实现的垂直时间线效果
tyygming
- 浏览: 625539 次
- 性别:
- 来自: 北京
-
最新评论
-
ykbj117：
位大神有木有WebRTC的视频资料网站么？文字的有时候不太看得 ...
WebRTC很难，让我们来做个演示 -
ykbj117：
位大神有木有WebRTC的视频资料网站么？文字的有时候不太看得 ...
WebRTC与Ace在线代码编辑器合作，实现实时协作编程 -
ykbj117：
位大神有木有WebRTC的视频资料网站么？文字的有时候不太看得 ...
通过WebRTC实现实时视频通信（一） -
602165057：
...
css选择器顺序的小技巧 -
ohm：
我也跟一楼一样，一本都没看过
初级软件开发人员进修必备的20本书(上)
一款纯css实现的垂直时间线效果
相关推荐
css3 垂直时间轴 jQuery时间轴 效果
实现了以响应式垂直时间轴显示多个标题与内容概括效果，网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。本段代码适用于所有网页使用，有需要的朋友们可以前来下载使用。。
css3实现3D时间轴效果
纯CSS3扁平垂直时间轴特效是一款非常酷的纯CSS3实现的扁平风格垂直时间轴UI设计效果。
jQuery css3垂直时间轴展开动画特效 jQuery css3垂直时间轴展开动画特效 jQuery css3垂直时间轴展开动画特效 jQuery css3垂直时间轴展开动画特效
这是一款简单实用的CSS3垂直时间轴特效。该特效通过简单的HTML结构和CSS3代码，来生成炫酷的垂直时间轴效果。
这是一款炫酷css3垂直时间轴特效。该css3垂直时间轴特效通过伪元素来制作炫酷的半圆形，所有半圆形连接为一条曲线路径，组成时间轴的线路。
这是一款基于Bootstrap的炫酷纯CSS3响应式垂直时间轴特效。该时间轴使用CSS媒体查询来在不同的断点下，对时间点时间面板进行排列，达到响应式的效果。
一款多彩风格的创意响应式CSS3垂直时间轴样式布局代码，纯CSS3制作的纵向时间轴样式，电脑手机端可通用。
css3垂直时间轴是一款基于响应式图标时间轴颜色交替排序列表效果。 css3垂直时间轴演示图：
是一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下实现代码
css3垂直时间轴 css3垂直时间轴代码下载.zip
这是一款超炫酷CSS3垂直时间轴特效。该特效通过HTML DOM元素和CSS transform来制作非常炫酷的时间轴布局效果。
css3响应式垂直时间轴布局效果演示
纯CSS3实现的扁平垂直时间轴特效源码.zip
这是一款创意多彩CSS3垂直时间轴特效。该CSS3垂直时间轴通过CSS伪元素和css transform属性，制作椭圆形和箭头，并配以多彩的颜色，构建出漂亮的垂直时间轴效果。