canvas && svg 应用集中贴(cross browser css滤镜特效)长期更新

还在埋怨Firefox不支持css滤镜吗?
下面的例子让你知道,Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+ 都可以实现你所想要的美幻特效

图片卷效果curl                   : http://www.netzgesta.de/curl/   不在是flash的专利
图片例影效果reflection        : http://cow.neondragon.net/stuff/reflection/
个性化图片边缘掩饰edge     : http://www.netzgesta.de/edge/   
光泽glossy                         : http://www.netzgesta.de/glossy/
倾斜、像框、投影               : http://www.netzgesta.de/instant/
幻灯片像框slided                 : http://www.netzgesta.de/slided/
放大镜                               : http://www.netzgesta.de/loupe/


只需要引入相关的js,然后在图片上添加相应的样式就完成了

CVI equals to "Canvas Vml Image effects". The CVI libraries requires no plugin or extension. The CVI libraries uses unobtrusive javascript to keep your code clean and they work in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. On older browsers, they will degrade and your visitors won't notice a thing.

http://www.netzgesta.de/lab/


更多的canvas的应用请看这贴:http://bbs.51js.com/thread-74916-1-1.html
posted @ 2009-12-11 21:37  邓武杰  阅读(230)  评论(0编辑  收藏  举报