摘要:
=========================================CSS3圆角详解作者:Nicholas Zakas译者:阮一峰原文:http://msdn.microsoft.com/en-us/scriptjunkie/gg508841.aspx发表日期:2010年12月8日一、CSS3圆角的优点传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点: * 减少维护的工作量。图片文件的生成、更新、编写网页代码,这些工作都不再需要了。 * 提高网页性能。由于不必再发出多余的HTTP请求,网页的载入速.. 阅读全文
摘要:
背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用,放大时也比较好看,可以让您创造出一个更灵活的布局。Firefox支持两种类型的CSS渐变:线性的(-moz-linear-gradient)和放射状的(-moz-radial-gradient)。三、线性渐变(Linear Gradients)要创建一个线性渐变,您需要设置一个起点和一个渐变的方向(或角度),并定义起止颜色。-moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop 阅读全文
摘要:
2010-12-15 19:13:38|分类:CSS+DIV|标签:td渐变filterstylestartx|字号订阅 渐变效果也是常用的效果之一,因为浏览器兼容性的原因,很多人都是用背景图片来达到渐变效果的,其实仅仅使用 CSS 就可以实现了。.gradient { /* Firefox 3.6 */ background-image: -moz-linear-gradient(top, #81a8cb, #4477a1); /* Safari & Chrome */ background-image: -webkit-gradient(linear,left bottom,lef 阅读全文