按月归档:2012年八月月

新做了个博客主题

老主题厌倦了,现在处处吹简洁风,我也来俗套一把~

结果就是这样的,不再有图,除了文章里的,颜色尽量的少,事实上就三四种颜色,文字的灰色,链接的绿色或蓝色(链接为什么要两种颜色?对啊…… 为什么啊,下个版本链接就一种颜色!),加上背景的白色,简约又简单,不错不错……

有几个地方得记录一下…

导航菜单

菜单很简单,鼠标移过去会显示子菜单,并有类似Meter风的下划线,只不过这个菜单在IE6下是无效的,为什么?因为IE6的:hover伪类只在a标签上有用,我这个是li标签,按说一般会使用JS实现个.hover属性,不过我打算不再主题中增加任何JS,所以我直接无视了IE6…… 看不到么?看不到就看不到吧~ IE6早该拉出去枪毙10^32遍了!

书页动画

如果您使用的是高级浏览器,把页面拉到最下面,可以看到右下角有书页被风吹动的效果~ IE8及以下就不要浪费目光了,不知为什么Opera也不行,应该是我水平问题……

这个动画是想完全是CSS3的keyframes和animation效果,本来呢,纸张的阴影是靠::after伪类实现的,这很方便,不过有个问题就是除了高版本的FireFox,animation无法在伪类上发挥作用,本来看不到就看不到吧(我好想很喜欢这句话),偏偏我是chrome的死忠Fans,不能在谷歌浏览器上看到全部效果实在不舒服,于是书页动画我直接加了一个无内容的div来模拟了,虽说有些奇怪,不过我看了舒服了……

更多