7款精巧实用的HTML5/CSS3应用

作者: natalie86
发布时间:2015-07-08 18:17:36

 今天要给大家带来7款很不错的HTML5/CSS3应用,它们相比之前的HTML5动画来说要实用得多,每一款应用都提供源码下载,一起来看看。

1、HTML5像素文字爆炸重组动画特效

       HTML5可以把文字效果做得非常酷,就像之前分享的HTML5/CSS3发光文字和HTML5/CSS3文字投影特效就非常绚丽。今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效,我们可以在输入框中指定任意文字,点击确定按钮后,就会将原先的文字爆炸散去,新的文字以像素点的形式组合起来,看起来非常棒。


在线演示        源码下载


2、HTML5/CSS3超酷焦点图特效 带前后翻页按钮

       今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单,但是外观和功能却十分强大。该CSS3焦点图在切换图片时,图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮,是一款非常实用HTML5/CSS3焦点图应用。

在线演示       源码下载


3、HTML5 SVG Tab滑块菜单 非常酷的Tab菜单

       之前我们分享过很多HTML5/CSS3菜单,应该说大部分都还比较实用华丽,今天我们要来分享另外一种形式的HTML5菜单——HTML5 Tab菜单。这款Tab菜单是利用HTML5和SVG实现的,Tab菜单的外观非常漂亮,而且Tab切换也很方便。


在线演示        源码下载


4、CSS3响应式面包屑菜单 菜单简洁大气

       之前我们分享过两款CSS3面包屑菜单,纯CSS3圆形面包屑菜单和CSS3扁平化面包屑菜单导航,效果都还不错。今天我们再分享一款响应式面包屑菜单,这款CSS3菜单外观设计非常简洁但又十分大气,我们可以在分步注册页面或者活动引导页面使用这款CSS3面包屑菜单。


在线演示        源码下载


5、HTML5/CSS3分步提示框Tooltip 可嵌入任意HTML元素

       Tooltip又叫提示框,在网页上很常见,用户通过点击或者滑动鼠标来获取更详细的信息,但是整个页面却很整洁。今天分享的这款HTML5/CSS3分步提示框Tooltip可以让你分步来了解相关任务。提示框中的内容可以自定义,可以是任意HTML元素,使用其力非常方便。


在线演示        源码下载


6、HTML5仿Chrome样式控制滑杆动画

       随着浏览器技术的发展,滑杆控制器在网页上应用越来越广泛。今天要分享一款HTML5的滑杆控制器,这个滑杆动画是放Chrome样式的,不仅外观非常漂亮,而且在数据初始化的时候还带有滑动动画特效,我们可以将此插件应用在数据更新、投票等系统中去。 


在线演示        源码下载


7、纯CSS3垂直动画菜单 效果很酷

       CSS3菜单的实现实在是太多了,有需要的朋友可以在CSS3菜单栏目下搜索符合自己要求的菜单。今天我们来分享一款CSS3垂直菜单,这款垂直菜单不仅有漂亮的小图标,而且鼠标滑过时还有非常酷的CSS3动画,大家可以试试这款CSS3垂直菜单。

在线演示        源码下载


标签: css CSS3 HTML html5
来源:http://blog.csdn.net/natalie86/article/details/44014837

推荐: