10个超赞的HTML5前端响应式框架

1.jQuery雪人和下雪动画

今天我们要来分享一款非常欢乐的jQuery雪人和下雪动画，雪人是由一张图片形成，非常可爱。下雪的动画是由jQuery的动画特性来完成，随机大小和随机透明度的雪花从空中飘落，环绕在小雪人的四周显得格外宁静。

在线演示

源码下载

2.HTML5文本输入框粒子动画特效

这次我们要为大家来分享一个非常炫酷的HTML5动画特效，它是一个输入框，当您在输入框输入文字的时候，输入框中就会出现很漂亮的粒子动画特效，并且输入框的四周边框将会出现发光的效果，效果很不错。

在线演示

源码下载

3.CSS3 3D环形百分比进度条图表

这是一款基于JavaScript和CSS3的3D环形百分比进度条图表，它可以展示当前数据的百分比情况，与之前分享过的一款HTML5 SVG环形图表应用相比，这款环形图表应用的特点是它的外观呈现3D立体的视觉效果，而且实用性也是不错的。

在线演示

源码下载

4.jQuery多动画自动切换焦点图插件

之前我们有分享过很多炫酷和实用的jQuery焦点图插件，他们中的很多都拥有华丽的切换动画和播放方式，可以手动点击按钮切换，也可以自动切换。今天我们要介绍的这款jQuery多动画切换焦点图插件是自动播放的，它的切换动画由多种格子组成，有不同的方向和显示方式。

在线演示

源码下载

5.JavaScript结合CSS实现图片瀑布流布局

今天我们要来介绍一个很实用的布局方式：瀑布流布局。整个瀑布流布局用到了CSS和JavaScript，首先我们将不同尺寸的图片设置成宽度一致，然后一列列地分布，同时我们还可以将图片放大浏览，这种图片的瀑布流排列方式在现代相册应用中使用十分广发，特别是移动端的显示更为实用。

在线演示

源码下载

6.别具创意的CSS3鼠标悬停翻转按钮

这是一款非常具有创意的CSS3按钮应用，当我们将鼠标悬停在按钮上时，按钮会出现翻转的动画特效，而且按钮的外观也十分别具一格，一共有3种不同的颜色风格，当然你也可以自定义按钮的颜色，总之使用起来还是比较灵活的。

在线演示

源码下载

7.CSS3彩色进度条加载动画 带进度百分比

前面我们刚分享过一些超炫酷的CSS3 Loading加载动画，这些Loading动画可以在很多地方帮助我们提示用户等待。这次要分享的也是加载动画，不过是进度条加载动画，这款进度条应用的特点是进度条呈现彩色的外观，而且进度条上方显示当前进度的百分比，非常实用。

在线演示

源码下载

8.超炫酷的CSS3 Loading加载动画

之前我们已经分享过很多基于jQuery和CSS3的Loading加载动画，比如最近刚分享的CSS3齿轮Loading加载动画，效果很不错。也有以前分享的5个可爱的CSS3 Loading加载动画。今天要分享的是非常炫酷的CSS3 Loading加载动画，可以自定义文字，也有很多种不同的外观样式。

在线演示

源码下载

9.12款超实用的CSS3汉堡包菜单按钮变形动画

今天我们要来分享一款很特别的CSS3按钮，大家可能对汉堡包菜单不是很了解，汉堡包菜单图标在APP或响应式设计上比较常见，一般用来展开/关闭网站导航菜单。这款CSS3汉堡包菜单按钮一共有12种变形动画，大家可以根据自己的喜好来选择一款。

在线演示

源码下载

10.jQuery 3D 响应式图片墙动画

之前已经为大家分享过几款基于HTML5的图片墙应用了，比如这款HTML5/CSS3 3D环形图片墙 伴随旋转动画，非常酷。今天要给大家介绍一个基于jQuery的3D响应式图片墙动画，图片可以随机分布在屏幕上，随着鼠标移动图片墙会形成不同的视角，因此给人3D立体的视觉效果。并且它可以适应不同大小的屏幕。

在线演示

源码下载

未经允许不得转载：爱前端网 » 10个超赞的HTML5前端响应式框架