现在现代浏览器都对CSS3的渐变支持良好，加上IE的渐变滤镜，可以在不使用图片的情况下实现各个浏览器的两色渐变效果。这里，再简单介绍下如何使用svg实现元素背景的垂直渐变，水平渐变，斜向渐变，或是径向渐变，以及更加复杂的多层渐变。
耳熟能详的唠叨：本文提供demo页面，丰富的截图以及必要的源代码展示。希望本文的内容可以对您的学习有所帮助。
文章关键字 ‘效果’
使用SVG实现gradient背景渐变
2011年09月23日，星期五基于canvas画布的两个炫酷效果展示
2011年05月17日，星期二HTML5 canvas这个玩意用通俗的话来讲就是一块用来画画的布，不过这不是普通的布，这是个类似于神笔马良的那个神笔一样神奇的东西，可以画出很多精湛美妙的东西。本文就展示两个基于canvas的炫酷效果，可以让我们对canvas的潜力有个比较直观的认识。一如既往，有demo页面，有效果截图，相关源代码展示。本文甚至还有video视频展示，总之，希望本文的内容能够对您 学习有所帮助。
CSS3+js实现多彩炫酷旋转圆环时钟效果
2010年08月9日，星期一
本文介绍主要由CSS3 transform的rotate配合一些巧妙的方法实现的炫酷的时钟旋转效果。虽说没有多大实用价值，不过对于熟悉CSS3的旋转属性，以及了解IE滤镜旋转的一些知识是很有用的。本文提供源文件下载，代码展示，以及必要的demo。希望能对您的学习有所帮助。
JavaScript实现最简单的拖拽效果
2010年03月24日，星期三本文用非常简洁的代码展示了如何用JavaScript实现元素的拖拽效果。本文拖拽js代码封装良好，使用方便，效果也不错，相信可以对一些初学者给予不小的帮助，另外提供必要的插图，代码展示，demo页面及文件下载，希望对您的学习有所帮助。
CSS实现兼容性的渐变、高光等文字效果
2010年03月12日，星期五
对于很多网站的大标题都是有一定的文字效果的，比如渐变就是常用的效果，而这些效果往往都是由世界上最厉害的美容产品photoshop做出来的，一个效果就是一张图片，所以，要是要10个不同的文字标题，可能就要制作十张带有渐变效果的文字图片了。
而实际上，无需使用多张photoshop图片，只要一张小小的图片在配合CSS就能实现各个文字内容的渐变效果。
本文就将展示如何使用CSS，配合一张小小的图片实现文字的各种上佳的效果，没有JavaScript，没有flash，纯粹的CSS，兼容各个浏览器，Firefox，chrome，Safari，甚至已经被微软做了葬礼的IE6也可以降服。
我的应用
我的应用