canvas && svg 应用集中贴(cross browser css滤镜特效)长期更新
2009-12-11 21:37
417 查看
还在埋怨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
下面的例子让你知道,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
相关文章推荐
- [推荐]canvas svg 应用集中贴 长期更新
- <canvas> 标记和 SVG 以及 VML 之间的差异
- CSS3: 画围棋【No Canvas & SVG,No JS】
- HTML5 2D游戏引擎研发系列 第六章 <Canvas技术篇-画布技术-混色特效和粒子>
- iOS 监测应用是否是第一次打开&监测应用是否已经更新
- 绘制SVG内容到Canvas的HTML5应用
- d3高级应用专题(一):canvas与SVG之间的转换
- 配置汇编环境=>可能会长期更新
- canvas标签应用 简单"贪吃蛇"游戏
- 贝塞尔曲线与CSS3动画、SVG和canvas的应用
- 【Android应用实例之四】计时器之通过Service&BroadcastReceiver实现UI动态更新
- (lamphc0)配置服务器及服务器端的开发环境=>长期更新
- svg和canvas的应用场景分析【转载】
- Canvas & SVG
- <canvas>和<svg>的优劣势
- 绘制SVG内容到Canvas的HTML5应用
- Oracle学习应用中的点点滴滴--自我记录长期更新
- struggle in a slave school =>长期更新
- Java使用外部库=>长期更新
- [HTML5-SVG,VML,CANVAS]Web开发中的矢量绘图(vml,svg)处理和应用