一些简单好玩的样式集

上周六刚刚辞职,这几天闲着没事把wp升级了下,重做了样式,务求简单易用。

我确实挺懒,每年浪费几百大洋弄这么个博客,结果到现在也没写上几篇,今天天气晴朗,心情不错 :c5 ,写点简单好玩的。

博客右下角添加了个返回顶部按钮,当然,假如你使用的是IE8及以下浏览器,是看不见的,使用其他浏览器的同学可以点击 F12 按钮,调出开发者工具选项查看实现方式,这里我来讲解下各样式含义:

1
2
3
4
<div id="gtt">
     <div id="tt"></div>
     <div id="g"></div>
</div>

这是它的基本结构,由一个圆角方框,一个横条,一个三角组成,样式如下:
继续阅读全文

使用css3为你的博客增添光彩

好久没更新了,上个月结婚,忙里忙外的,主要自己也懒 :c5

博客进行了一次改版,用ie看不出来的,尝试下chrome,firefox,opera或者safari,怎么样,发现不同了吗,这就是css3的效果

这次改版中,我尽量少的使用图片,大部分的效果都使用css来实现,包括阴影,圆角,渐变,动画,全部基于最新的css3

我会通过页头的菜单来为大家讲解下css3的一些效果,使用ie的同学请看下图

博客菜单

假如你使用chrome或者firefox的话会看到上图的效果,具体的实现是为ul-li菜单添加阴影,蓝色背景,圆角,以及动画效果,代码如下:
继续阅读全文