超酷震撼 HTML5/CSS3动画应用及源码

HTML5能够制做很是华丽的动画效果，这点经过以前的分享学习咱们已经有深入的了解了，今天咱们主要来分享一些HTML5结合CSS3造成的超炫震撼的动画应用以及它们的源代码，真的很是不错。

一、纯CSS3创意Loading加载动画

今天要来分享一款很是具备创意的CSS3 Loading动画效果，整个Loading动画就像一部开足马力的发动机，在不停地循环工做，看上去Loading动画样式十分新颖。以前咱们也分享过一些创意型的Loading动画，好比：HTML5 Canvas发光Loading动画

在线演示

源码下载

二、HTML5梦幻特效 可给任意元素添加魔幻效果

咱们以前介绍HTML5动画特效比较多的是HTML5 3D特效，今天咱们来换一种风格，来分享一款看起来比较魔幻的HTML5特效。它能够给网页上任意元素（图片、文字等）添加这么一种效果，即鼠标滑过期，元素上就会出现很是魔幻的动画特效，什么特效呢？你能够点开demo连接查看。

在线演示

源码下载

三、纯CSS3实现Metro风格的图标按钮

今天咱们要来分享一款基于纯CSS3的按钮图标，这款CSS3图标是Metro风格的，外观很是清新漂亮。同时，当鼠标滑过图标是，还会在图标上方滑过文字描述，带飞入飞出的动画特效。另外也有一些图标有放大缩小的动画效果。

在线演示

源码下载

四、CSS3我的资料菜单导航 带下拉表单

今天要分享的这款CSS3菜单很是华丽，并且也至关实用。每个菜单项都有很不错的小图标，而且在鼠标滑过菜单项时，菜单项的背景颜色出现淡入淡出的效果。另外这款菜单还有一个特色就是下拉子菜单能够嵌入表单，功能十分强大。

在线演示

源码下载

五、HTML5重力感应动画特效 冲撞小球演示

前面我已经向你们分享过一款很是绚的HTML5重力感应游戏特效，咱们只须要用鼠标甩动页面上的元素就能够实现模拟重力感应的效果。今天这款HML5重力感应动画特效功能更强，页面上会掉落大小不等的小球，咱们能够拖动小球，也能够点击页面空白来生产更多的小球，若是你的电脑配置高，能够试试产生更多的小球来玩，很是有趣。

在线演示

源码下载

六、CSS3图片边框动画特效

今天要来分享一款基于CSS3的图片特效，这款CSS3图片应用的做用是加强图片边框的效果，当咱们将鼠标滑过图片时，图片的边框就会产生很是棒的动画效果，边框造成一些伴有动画特效的条纹效果，让图片变得更具备魅力。

在线演示

源码下载

七、CSS3个性化风格菜单导航

这是一款基于纯CSS3的菜单导航，这款菜单很是有个性，菜单背景是一页古老的笔记本纸张，菜单项像是浮动的文字同样嵌入在纸张上。鼠标滑过菜单项时会出现不一样的背景线条，显得至关可爱。这款CSS3菜单导航很是适合在我的博客中使用。

在线演示

源码下载

八、简单实用的CSS3自定义下拉Select表单

今天要再来分享一款基于纯CSS3的自定义下拉select表单，这款CSS3自定义下拉表单和以前分享的相比，没有华丽的外表，可是很是清爽简单，并且功能更接近原始的select表单。咱们能够将这款CSS3自定义select表单应用在不少地方，好比注册和登陆等。

在线演示

源码下载

本文固定连接: http://www.i7758.com/archives/1235.html