HTML5/SVG运动模糊动画支持焦点图、弹出层和菜单

5,935 人浏览

2017-11-04 14:24:42

本文作者html5tricks，转载请注明出处

这次要分享的是一种基于HTML5和SVG的运动模糊的动画效果，比如在焦点图插件中图片切换时候的模糊效果，弹出层弹出时的模糊效果，还有下拉菜单展开收缩时的模糊效果。大部分我们使用CSS3的模糊属性以及HTML5实现的运动算法，让图片、菜单等元素实现在运动中的模糊动画特效，为了让运动模糊效果更加逼真，我们需要选择一个比较合理的运动算法公式。