您当前的位置:首页 > 个人博客模板
网站模板

《黑色质感时间轴》个人博客模板

黑色时间轴html5个人博客模板颜色以黑色为主色,添加了彩色作为网页的一个亮点,导航高亮显示、banner图片鼠标划过,可以看到隐藏的文字。css3动画应用在banner和右边“我的名片”个人信息。重点在时间轴部分,三角形和圆形均是css代码写出来的,postion定位,增加页面返回到顶部的代码....

最后更新:2013-08-08

推荐指数

免费模板在线预览积分下载

积分直接下载

注册会员,充值购买点数可直接购买,重复下载不扣分。1积分=1元钱。

充值后,如果积分没有立即到帐?请联系客服,除了返相应积分外,还会得到30积分(运气奖)!

购买方式二:微信咨询客服后购买 :客服微信476847113

技术支持:所有后台源码均可联系客服 免费安装

没有会员,请先注册 积分不够? 请充值积分

杨青青

黑色时间轴个人博客模板颜色以黑色为主色,添加了彩色作为网页的一个亮点,导航高亮显示、banner图片鼠标划过,可以看到隐藏的文字。css3动画应用在banner和右边“我的名片”个人信息。重点在时间轴部分,三角形和圆形均是css代码写出来的,postion定位,增加页面返回到顶部的代码....

一共有两个页面,首页和内容页。内容页导航条我用了彩色条修饰,这样页面就不会因为是黑色而过于死板...

黑色时间轴个人博客模板

黑色时间轴个人博客模板

 

实现鼠标悬停时间轴圆点被高亮的效果,可以采用伪类:after 或者:before 修改如下:

html中删除

<div class="ci"></div>

css改为:

.arrow_box:hover:after { border: #999 2px solid; }

.arrow_box:after { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute;left: 658px;top: 16px;background: #000;border: 2px solid #333;transition: all 1s;}

你觉得模板怎么样

当前已有283人购买模板

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取