SVG 路径描边动画 (path animation) 实战应用

实现了下知乎登录效果 canvas

我拖拖拖 --H5 拖放 API 基础篇

最近公司需求做个类似于QQ空间的项目(其实开始的时候我是崩溃的),好在历时一个月的时间,也终于进入测试的阶段。完成项目过程中，发现并没有一个好用的emoji插件，于是写了一个简单的component，希望对各位有所帮助（若能顺手给个start, 那便再好不过了）。 原理其实很简…

先看一个动画效果，这种小飞机沿路径飞行(路径部分线段变成绿色是录屏软件出了问题)。 这种动画效果最常见于发送信息后，两个不同位置之间的导航指向等等，总之使用场景还是很多的。对于SVG动画来说，这种效果是最最简单不过，只需要一个路径外加几个属性的简单设置就能完成，简单到不算飞机图…

svg 描边动画虽然效果很炫，虽然对于有一定前端基础的设计师并非难事，但难倒了很多没有任何代码基础的 UI 设计师，文章把 svg 描边动画从使用 AI 绘制阶段开始进行了逐步拆分，帮助 UI 设计师轻松的设计 svg 动画。

今天，程小狮为大家带来 2017 年 4 月份 Tutorialzine 整合的一些精心挑选的优秀 Web 开发资源，一起来先睹为快吧！

animate-text 轻巧易用的文本动画