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

超炫HTML5 SVG聊天框拖拽弹性摇摆动画特效

时间:2015-06-04 13:52:02      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:聊天框   弹性效果   svg   html5   

这是一款非常有创意的HTML5 SVG聊天框拖拽弹性摇摆动画特效。用户可以用鼠标点击或用手滑动聊天框上的指定区域,该区域会以非常有弹性的弹簧效果拉开聊天用户列表。点击一个用户头像后,又以相同的弹性特效切换到聊天界面,并且用户头像会移动到聊天界面的右上角。整个动画弹性十足,效果非常震撼。

技术分享

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

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

超炫HTML5 SVG聊天框拖拽弹性摇摆动画特效

标签:聊天框   弹性效果   svg   html5   

原文地址:http://blog.csdn.net/sunny_girls/article/details/46359151

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