10 2014 档案
CSS3 transition-timing-function 深入理解和技巧
摘要:基础语法:transition-timing-function : ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(, , , ) [, ease | linear | ease-in | ease-out | ease...
阅读全文
Web Audio初步介绍和实践
摘要:Web Audio还是一个比较新的JavaScript API,它和HTML5中的是不同的,简单来说,标签是为了能在网页中嵌入音频文件,和播放器一样,具有操作界面,而Web Audio则是给了开发者对音频数据进行处理、分析的能力,例如混音、过滤等,类似于对音频数据进行PS。一般的网站应用应该是用不倒...
阅读全文
CSS3实现GIF动画
摘要:来自 dribbble 某位大师的作品,GIF图中一个小女孩抱着一只猫在跑步,非常可爱,动作轻巧,过渡自然。DEMO下载回到项目需求,要实现类似上图卡通人物跑步动画,分析结果如下:1.跑步动画可以应用在不同的场景要求人物的背景是透明的,图片保证高清,避免边缘杂边2.跑步动画运动速度与动作成正比关系人...
阅读全文
WebApp 里Meta标签大全
摘要:1.先说说mate标签里的viewport:viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说,980的宽度在iphone上显示是很正常的,也是满屏的,但对于webapp而言,可能就有点问题了,在ip...
阅读全文
HTML5特效收录-不定时更新
摘要:在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。希望能给大大家启发,并且学习。HTML5 Canvas粒子效果文字动画特效基于HTML5 Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在ca...
阅读全文
HTML5实战——svg学习
摘要:百度百科: SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此...
阅读全文