渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色。渐变通过-webkit-gradient方法实现,可以用来代替图片URL。在webkit核心浏览器下(Safari4+, Chrome),有两种类型的渐变,线性的和径向的。您还可以指定多个中间过渡色,此称之为color stops。
本文足够详尽地讲解了webkit核心浏览器下的gradient渐变的使用,提供代码示例和截图示例,希望能对您的学习有所帮助。
CSS gradient渐变之webkit核心浏览器下的使用
2010年04月8日 by 阅读 164134 次, 今日 1 次CSS渐变之CSS3 gradient在Firefox3.6下的使用
2010年04月4日 by 阅读 121265 次Firefox3.6包含了许多CSS的改进,本文将向您展示如果使用CSS渐变。
背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用,放大时也比较好看,可以让您创造出一个更灵活的布局。……
区分IE8/IE7/IE6及其他浏览器-CSS “\9″hack
2010年04月4日 by 阅读 121460 次, 今日 4 次CSS实现跨浏览器兼容性的盒阴影效果
2010年04月2日 by 阅读 95406 次, 今日 4 次CSS3&HTML5各浏览器支持情况一览表
2010年04月2日 by 阅读 96745 次, 今日 2 次正如题目所显示的,本文展示的内容是CSS3&HTML5各浏览器支持情况一览表,方便您的查阅。其他的话语就不多说了,会定时更新,希望能对您的学习有所帮助。
翻译 – CSS Sprites:实用技术还是生厌之物?
2010年03月30日 by 阅读 68692 次, 今日 1 次纯CSS实现易拉罐3D滚动效果
2010年03月29日 by 阅读 81176 次, 今日 2 次本文展示并讲解纯CSS实现的超炫超酷的易拉罐3D滚动效果,向您展示CSS的惊人潜力。效果简述为:横向移动滚动条,易拉罐随着滚动条的滚动,自身也进行着效果逼真的3D滚动。
本文提供丰富的插图以及必要的demo页面,希望能对您的学习有所帮助。
纯CSS实现侧边栏/分栏高度自动相等
2010年03月25日 by 阅读 141430 次, 今日 2 次为了表现的美观或是一些功能的需要,我们经常希望侧边栏/分栏的高度保持一致。我们可能会使用min-height属性,IE6不支持min-height但是height会自动撑高,所以min-height + _height的组合也是常用手段之一;另外就是使用背景图片了,利用背景图片的垂直平铺,可以模拟分栏的等高背景效果,但是,此方法对布局宽度有一定的要求,如果布局宽度改变,背景图片可能也要做一番修改。但是这些方法都有局限性,没有从根本上解决问题。
本文就将真是分栏高度相等的的技术,使用margin负值实现任意分栏的高度自动相等。提供详尽的插图,代码示意。提供必要的demo,希望能对您的学习有所帮助。
CSS+JavaScript实现页面不同布局的切换
2010年03月25日 by 阅读 82750 次我们平时使用windows操作系统,应该见过文件才查看功能,我们可以选择“平铺”、“图标”、“列表”、“详细信息”等,这是一个不错的功能,可以让用户自定义一些自己喜欢的偏好的显示方式,我们再web页面上,同样可以做。这可能说是一种提高用户体验的方法。
本文就将展示如何在web页面上轻松的实现布局的切换,查看方式的转换。提供详尽的插图,提供详尽的demo,以及对应的代码,希望能对您有所帮助。
JavaScript实现最简单的拖拽效果
2010年03月24日 by 阅读 291904 次, 今日 4 次本文用非常简洁的代码展示了如何用JavaScript实现元素的拖拽效果。本文拖拽js代码封装良好,使用方便,效果也不错,相信可以对一些初学者给予不小的帮助,另外提供必要的插图,代码展示,demo页面及文件下载,希望对您的学习有所帮助。