码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 SVG超酷运动模糊动画特效

时间:2015-04-10 13:38:06      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:运动模糊   模糊效果   svg   html5   

这是一款效果十分炫酷的HTML5 SVG制作的运动模糊动画特效。该SVG运动模糊特效有三种效果:画廊效果、模态窗口效果和侧边栏菜单效果。它们使用SVG过滤器和js及css相配合,在元素运动时产生动态模糊的炫酷效果。

运动模糊是一种技术,广泛应用于一般的运动图形和动画,使运动更加流畅自然。维基百科对运动模糊的解释是:运动模糊是明显的在静止图像或图像序列如电影或动画的快速移动的物体。它是当图像被记录的变化对单帧记录过程中,由于快速运动或长时间曝光的结果。

技术分享

效果演示:http://www.htmleaf.com/Demo/201504091650.html

下载地址:http://www.htmleaf.com/html5/SVG/201504091649.html

HTML5 SVG超酷运动模糊动画特效

标签:运动模糊   模糊效果   svg   html5   

原文地址:http://blog.csdn.net/souhugirl/article/details/44977935

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!