摘要： 来自 dribbble 某位大师的作品，GIF图中一个小女孩抱着一只猫在跑步，非常可爱，动作轻巧，过渡自然。DEMO下载回到项目需求，要实现类似上图卡通人物跑步动画，分析结果如下：1.跑步动画可以应用在不同的场景要求人物的背景是透明的，图片保证高清，避免边缘杂边2.跑步动画运动速度与动作成正比关系人... 阅读全文

摘要： 1.先说说mate标签里的viewport：viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在ip... 阅读全文

摘要： 在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成知识整理的习惯是很有必要的。希望能给大大家启发，并且学习。HTML5 Canvas粒子效果文字动画特效基于HTML5 Canvas的文字特效，输入框中输入想要展示的文字，回车后即可在ca... 阅读全文

摘要： 百度百科： SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此... 阅读全文