跨浏览器(cross browser)支持的图片滤镜特效
还在埋怨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
分享到:
相关推荐
随着Web应用的日益普及,及可执行此类应用程序的浏览器越来越多,版本也在不断更新,Web应用的跨浏览器不兼容(Cross Browser Incompatibilities,XBI)已成为Web应用开发者面临的严重问题。提出一种结合DOM...
BrowserStack支持1100多种不同的Browser / OS组合,包括在Windows,OS X,Android,iOS以及所有主要浏览器(例如Chrome,Firefox,IE,Edge和Opera)上的测试。 无需设置昂贵的设备实验室! 只需转到BrowserStack,...
JavaScript 的 cross-browser-console.log 完整的跨浏览器 console.log() 许多前端 Web 开发人员利用了过去几年成熟的出色浏览器控制台。 虽然久经考验的 console.log() 经常能奏效,但它缺乏支持(尤其是在 IE 中...
Cross-Browser Rich Text Editor一款比较简单的可视化HTML编辑器
FreshStart是一个简单的跨浏览器会话管理器。 使用FreshStart轻松管理您的浏览会话!如果您在工作中,家中或不同时间有不同的网站集合,或者您有多个用户,那么您应该尝试一下! 特征 ****************************...
支持的浏览器:* Edge * Internet Explorer * Google Chrome * Mozilla Firefox * Apple Safari * Opera快乐的跨浏览器测试! 我们的隐私政策:https://www.browserling.com/privacy-policy 支持语言:English
Cross-browser-event.jsjs基础事件跨浏览器兼容性
视口单元跨浏览器跨浏览器 CSS3 视口单位:vh、vw、vmin、vmax 当前库允许您在所有浏览器中使用 CSS3 视口单位。 是包含在<style>标记中的受支持样式。包括图书馆添加库的脚本 < script src =" viewport-...
Chrome浏览器已安装在您的计算机上。 Chrome Webdriver位于您的计算机上,并且位于PATH中。 以下是互联网上的一些资源可以为您提供帮助。 Geckodriver Webdriver在您的计算机上 下载并解压缩geckodriver-v0.26.0-...
#whammy 跨浏览器演示 目前 whammy webm 编码器仅支持支持 webp 图像格式的浏览器,但目前只有 chrome 和 opera 是唯一支持 webp 格式的浏览器。 这个努力是为了表明通过一些轻微的修改,我们仍然可以使用 whammy....
该论文讲述了跨浏览器兼容性测试得理论以及开发的工具crossT
Chrome / Chromium T-Rex游戏,跨浏览器 这是来自Chromium的原始游戏,已针对跨浏览器(Chrome,Firefox,Safari,IE10)兼容性进行了修复。 也应该在移动浏览器上工作。 在此处播放: :
一个简单且稳定的跨浏览器测试工具。 最新的稳定版本:v2.0 0.特点 在真实的浏览器中运行 支持所有测试框架 自动测试范围 足够坚固,可以进行实际战斗 1.安装 节点要求 > = 0.10.12 从npm安装 $ npm install totoro...
在最流行的浏览器(例如Internet Explorer,Chrome,Firefox,Safari和Opera)中跨浏览器测试网站。 免费试用! Browserling是一种实时的交互式跨浏览器测试服务,可为Web开发人员和Web设计师提供毫不费力的跨浏览器...
使用Gauge和WebdriverIO跨浏览器测试自动化应用程序 目录 入门 安装Node.js的 (长期支持)版本,并使用npm @ 6 克隆仓库并安装依赖项 git clone https://github.com/pradeep0601/gauge-wdio-x-browser-test.git # ...
跨浏览器扩展样板 用于为Chrome和Firefox构建跨浏览器扩展的样板模板。 这里的想法是使启动针对Chrome和Firefox的出色扩展变得更加容易。 该模板使您可以快速启动跨浏览器扩展,还可以使用有组织的代码结构。开始: ...
该论文描述了一个跨浏览器测试的工具webdiff
全屏跨浏览器React 一个React组件,它使用Fullscreen API将其子级设置为全屏,并使用进行了。 揭露 该软件包是下载并转换为打字稿的两个软件包的组合所有学分: 用法与原始作者相似,但也可以在打字稿中使用 安装。...
跨浏览器指纹作者:曹银芝,宋丽,Erik Wijmans 组:约翰·霍普金斯大学的SECLAB 网站: : 纸:重建时间表改建冠龙支行。 应该在几周内完成。 一旦生成了可用的脚本,该代码将被合并到母版中并被释放。 届时,许可...
你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢?你是否在考虑跨浏览器使用CSS3的时候,要记住哪些...作者在主页上写的是跨浏览器的CSS3发生器(cross-browser css3 rule generator),不过IE下是使