给你的网页加上纷纷扬扬的雪景

这个方法是通过jq插件来实现的,原理是其实是在页面上生成许多白色自由移动的点,同时也会感知鼠标的左右移动(上下移动不行)跟随鼠标左右移动而出现雪花往左右飘飞的感觉。 因为是jq实现的,所以非常简单,但是因为生成“雪花”时,需要给页...

Chrome下,css3让你的链接“微微发抖”

CSS3的神奇让人震撼,唯一遗憾的是,即使在高级浏览器中,有些功能也不是被普遍支持的,下面我遇到的这个看上去像flash制作出来的“微微发抖”的功能好像只支持webkit核心的浏览器,比如谷歌的chrome。如果你是谷歌浏览器,你看到的下面这些链接应...

IE下的文字阴影

CSS3出来的时候,我第一认识的属性是text-shadow,也就是文字阴影,给文字来点影子看着有立体感,而且更醒目。不过这个属性和许多其他的CSS3特有属性一样,在ie下是无效的,刚才不小心发现了,原来在ie下也是可以让文字有阴影的,只是要有ie特有...

闲来无事,做个小名片页面

我的muxer.cn放着挺久的了,初衷是想和这个不亦乐乎分开,纯粹记一些私人的东西,也记过一阵子,但由于生活实在单挑乏味,目前无任何更新了。程序用过wordpress,换过typecho...

CSS实现点击链接后下沉效果

在网页的网站名字或者题目链接处用css的方法,使得在点击这些链接时,被点击的链接有下沉的效果,让网页更具动感,增强用户体验。 实现的方法很简单,只要给a的active定义css就好了,如下例子: #logo a{position:relative;display:bloc...

CSS3 Color Names

Name Hexadecimal Percentage Integer Short Hex Example aliceblue #f0f8ff rgb(94.1%,96.9%,100%) rgb(240,248,255)   antiquewhite #faebd7 ...

CSS3具有动画效果的一些属性

CSS3的属性比如border-radius、box-shadow和text-shadow在webkit(Safari、Chrome等)和Gecko(Firefox)等先进的浏览器中的使用开始出现增长的势头。它们(这些CSS属性)已经为用户创建更轻量的页面和更丰富的体验,而且它们可以优雅的降级。然而,这...

CSS属性中常见的缩写格式

CSS的写法中有许多格式可以直接用缩写,掌握这些属性的缩写格式方法在写css的时候会提高不少速度,而且看上去呢还会更显得专业些,嘿嘿。下面列举一二,至于还有没有其他的暂时想不起来了。 1、颜色值的缩写: 16进制的色彩值,如果每...

解决firefox下有滚动条时页面抖动问题

晚上瞎逛,在吹衣轻飏博客,看到这个问题的解决方法,不知道是不是有用,但是怕到时候遇到了不记得,所以满转载一下。 在firefox中,默认页面不超过一页是没有滚动条的,加...

css实现网页内容180度翻转

本文转自万戈的博客,代码效果是让你的网站内容像是在镜子中的成像一样,那个专业术语叫啥不知道,就是反的,稀奇好玩的东西要转一下。 翻转css代码: html{ filter:fliph } body{ -webkit-transform: rotateY(180deg); ...