摘要：
CSS渐变在Webkit率先得到实现，现在Firefox 3.6+也支持了，来看下各个浏览器如何实现CSS渐变效果。Webkit下面这行代码可用于Chrome, Safari等，它能实现线性渐变，从top(#ccc)渐变到bottom(#000)。background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));Firefox 3.6+background: -moz-linear-gradient(top, #ccc, #000);IEIE这个垃圾需要使用滤镜filter: progid:D.. 阅读全文
摘要：
这种类型的搜索框应该较为常见，设计元素有圆角和内阴影，在CSS2时期通常都是用图片实现的，来看下CSS3的效果，而对于IE6,7这样的悲剧浏览器，也不至于太难看:画圆通过设置一个较大的圆角值就能实现圆形，下面画了一个直径为100的圆。.circle { width: 100px; height: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;}内阴影效果box-shadow的第一个值是阴影类型，默认是外阴影，平常我们使用它都不会设置这个值，所以就是外阴影的效果。如果要实现内阴影效果，需要手动设值：inner 。.i 阅读全文
摘要：
RGBA前三个值是RGB颜色，最后一个表示透明度（0 = 全透明，1 = 不透明）RGBA可以应用于任何和颜色相关的属性,比如font color, border color, background color, shadow color等等。文字阴影text shadow的结构顺序是这样的：x-offset，y-offset，blur和color如果x-offset是负数，阴影会移到左边。如果y-offset是负数，阴影会移到上面。别忘了，shadow color是可以使用GRBA的哦！你可以设置多个text-shadow，用逗号分隔开就行了。下面的例子使用了两个text-shadow，实现 阅读全文