在web端，要让一个元素按照特定的路径运动，在之前，基本上只能借助于SVG SMIL animation来实现，但是，随着浏览器的发展，CSS代码也能实现这样的功能，本文就将介绍如何使用CSS中的offset-path属性让元素沿着不规则路径运动。有demo有截图还有gif演示，总之，希望本文的内容能够对您的学习有所帮助。
文章关键字 ‘动画’
使用CSS offset-path让元素沿着不规则路径运动
2017年03月5日，星期日开源移动端元素拖拽惯性弹动以及下拉加载两个JS
2017年01月25日，星期三开源两个起点中文网M站两个动效交互JS，封装良好，即插即用。一个是任意元素屏幕拖移外带惯性边缘弹动效果，另外一个是基于窗体的下拉释放加载刷新效果。
分享一个即插即用的私藏缓动动画JS小算法
2017年01月17日，星期二……实际开发的时候，使用的最多的还是最初的那个她，不仅是因为她给我带来了很多美好的回忆，更重要的是这么多年过去了，她一直保持着那份简单，和外面的那些妖艳*货完全不一样。
而这个相伴自己最久，最无法忘怀的、使用最多的她就是本文要分享的私藏的动画小算法……
如何使用Tween.js各类原生动画运动缓动算法
2016年12月19日，星期一Tween.js是一个包含各种经典动画算法的JS资源，之前在多篇文章有提到过，AS中甚至有专门的Tween类，但是之前仅仅是提一下，并未详细介绍如何使用，这里，就是专门介绍Tween类中各种算法如何使用，如何应用与实际，以及分享下基于Tween.js写的一个更简单易懂更容易调用的animation.js，希望本文的内容能够对大家的学习有所帮助。
CSS3 clip-path polygon图形构建与动画变换二三事
2015年03月26日，星期四本文絮絮叨叨CSS3 clip-path polygon在图形构建和动画这块的三两事，没什么惊天动地的知识点，大家可以当散文看下。放心，有demo有截图有代码展示，还有视频播放呢！总之，希望本文的内容能够对您的学习有所帮助。
内容loading加载后高度变化CSS3 transition体验优化
2015年01月22日，星期四现在web技术不断发展，视图与数据渲染更多由前端呈现，后台更多与数据打交道。于是，我们会经常看到这样的交互场景。页面加载，看到一个框框里面有个菊花在转，然后内容呈现；或者点击个按钮，菊花在转，然后列表动态加载呈现。
确实，功能上OK，有菊花，用户也愿意等。但是，大家有没有觉得所有交互，出现菊花→出现内容，都是“砰砰砰”很生硬的感觉，尤其当内容是动态，高度不确定的时候。我们使用一些比较好的手机APP(如微信)的时候一定不会有这样的感觉，整个交互流程都是很流畅的，就像山涧的泉水，涓涓细流到山脚，而不是巨人在峡谷走路的感觉。
所以，如果菊花的呈现到内容的展示能够通过自然的动画过渡呈现，势必会增强用户体验。
而本文就将分享，我是如何渐进处理，让动画过渡呈现更自然的…… 必须的，demo，截图，源代码展示一个不少，希望本文的内容能够对您的学习有所帮助。
再说CSS3 animation实现点点点loading动画
2014年12月28日，星期日以前介绍过一种方法实现打点loading动画效果，但是那个方法不健壮，机缘巧合，让我重新思考有没有更好的方法。而本文分享的就是自己想到了2个全新的实现方法，兼容各大小浏览器。
本文不仅有demo，源代码展示，还特意制作了多种gif效果演示帮助理解，相信本文的内容会对你的工作有所帮助的！
超级强大的SVG SMIL animation动画详解
2014年08月31日，星期日本文详细介绍SVG SMIL animation动画。前半部分主要是效果体验，后半部分只要是参数示意。一定是目前国内最详尽讲解SVG SMIL animation动画的文章，没有之一。内容扎实，丰富的效果展示，大量的源码示意。相信一定会对您的学习有所帮助的。
深度掌握SVG路径path的贝塞尔曲线指令
2014年06月12日，星期四如题，本文就是讲解SVG路径path的贝塞尔曲线指令的，不过，除了技术之外，还吐槽了很多自己的思考，自己的想法，对行业对前端的一些看法与认知，希望可以引起一些共鸣或争议。当然，主要内容还是讲得很详尽的，截图，demo，源代码展示一个都少不了。希望本文的内容能够对您的学习有所帮助！
纯CSS实现帅气的SVG路径描边动画效果
2014年04月8日，星期二本文属于简单实用的基础技术科普。有丰富的gif动画演示，有demo，有截图以及必要的源代码展示，还有官方文档释义。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用