摘要：看到google今天的女生节Doodle，自己用纯css仿制一个，送给老妈、老婆、女儿。 阅读全文

摘要：首先看html文件，div.billboard为效果的容器，利用10个div.poster分割图像，每个poster中有三个face，分别用来承载三个图像。 阅读全文

摘要：盒模型乍一看很简单，无非就是内容、内边距、边框和外边距。但是写起代码来你会发现并不简单，很多地方都很模糊，特别是外边距为负值的时候。 阅读全文

摘要：从起始位置转动到 Y轴-330deg X轴370deg 并且循环无限次，每次4s OK！ 阅读全文

摘要：在百度音乐 http://music.baidu.com/ 看到这么一个图片效果，当鼠标移上去的时候，会有一道闪光在图片上划过，效果挺酷炫的。于是把这个效果再实现一下： 大体思想是，设计一个透明层i，skewx在X轴上做了负25度的变形，背景颜色用的是CSS3的线性渐变linear-gradient，然后hover的时候，设置0.5s的动画时间。 同时在 i 层使用 cursor:pointer，如果不设置这个的话，需要等透明层动画之后才能看得到 pointer 指针。 打开 fireBUG 调试来看会更加清楚! 阅读全文

摘要：1、基本介绍 （1）[att*=val]属性选择器 如果元素用att表示的属性的属性值中包含用val指定的字符，则该元素使用这个样式 （2）[att^=val]属性选择器 如果元素用att表示的属性的属性值的开头字符为用val指定的字符，则该元素使用这个样式 （3）[att$=val]属性选择器 如果元素用att表示的属性的属性值的结尾字符为用val指定的字符，则该元素使用这个样式 阅读全文

摘要：可能你和我一样，每当看到一个新潮的令人过目不忘的css3特效，就迫不及待的想要应用到自己的网站中去。然后，你就会发现这些新特性只能在一到两个主流浏览器（而且绝不可能是IE）中正常显示，于是乎，你选择了搁置这个特效，开始遥遥无期的等待。现在我有一个好消息要告诉你：在最新版本的浏览器中，不少帅气的CSS3特性已经得到了良好的支持，你现在就可以使用它们了！ 提醒下，下面所叙及的大部分特性不能在老版本的IE（9及之前的版本）中使用。如果你的客户中大部分仍在使用这些古董级浏览器，恐怕你还要降级使用那些久经考验的特性。但对其他人来说，尽情享受现代浏览器带给我们的美好吧~ 阅读全文

摘要：图片滤镜效果之连环画效果 算法及原理： 连环画的效果与图像灰度化后的效果相似,它们都是灰度图,但连环画增大了图像的对比度,使整体明暗效果更强. 算法: R = |g – b + g + r| * r / 256 G = |b – g + b + r| * r / 256; B = |b – g + b + r | * g / 256; 阅读全文

摘要：我们经常在很多网站上见到更改网站的主题时，图标的颜色也改变了，我们总是觉的这一项功能非常伟大，因为我们知道使用CSS是无法完成更改图片的颜色的。那么，网站上随心所欲的图标颜色是采用N多个图片不断的切换来实现的吗? 　　答案当然不是，我也曾想过无数次到底网站上的图标是如何更改颜色的，我甚至曾想到它是使用颜色彩笔动态创建的矢量图形，当然结果你也知道了，肯定不是这样的，下面我来告诉大家事实的真像。 　　我们在网站看到的图片可以像文字一样随意改变颜色的图形，其实它本身就是一种文字，只不过这些文字并不是我们平常所使用的各种字体的文字，它是一种图标文字，是设计师们使用“专用字符编辑程序”而创建的图标字体。这样我们就可以使用CSS更改所谓的图片（即图标文字）的颜色。 阅读全文

摘要：Media Queries是CSS3有关媒体查询的属性，有了CSS3 之媒体查询Media Queries就可以进行媒体查询，针对每个不同的媒体进行不同的样式编写。传说中的Web响应式布局就可以毫无压力的做出来了。下面我们就一起来看看CSS3 之媒体查询Media Queries的相关知识吧。 阅读全文

摘要：#e_float{ _position:absolute; _bottom:auto; _right:50%; _margin-right:-536px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } 阅读全文

摘要：背景定位原点background-origin是CSS3新添加的有关背景的属性，主要是改变背景起始的原点位置的。CSS3之背景定位原点background-origin的属性值有三个：border、padding和content。下面将围绕着三个属性值为大家介绍CSS3之背景定位原点background-origin。 阅读全文

摘要：以前需要做图片才能实现下面的效果,现在只需要这个样式就够了： 阅读全文