12 款实用的 HTML5 干货分享_最新动态_新闻资讯_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 新闻资讯 > 最新动态 > 12 款实用的 HTML5 干货分享

12 款实用的 HTML5 干货分享

 2014/4/30 17:51:36    程序员俱乐部  我要评论(0)
  • 摘要:今天我们要来分享12款实用的HTML5应用插件,内容涉及到按钮、表单、进度条、图片等,大家一起来看看这些干货吧。1、漂亮的CSS3动画进度条,可自定义进度条颜色今天我们要再来分享一款很漂亮的CSS3动画进度条,我们可以用它来显示每一项数据的所占的比例,效果很不错。在线演示/源码下载2、CSS3垂直图标菜单,带Tooltip提示框今天我们要来分享一款CSS3菜单,菜单外观很漂亮,是垂直排列的小图标,鼠标滑过菜单项时,菜单项的背景会填充渐变的颜色,另外还会弹出该菜单项描述的Tooltip提示框
  • 标签:实用 HTML5

  今天我们要来分享 12 款实用的 HTML5 应用插件,内容涉及到按钮、表单、进度条、图片等,大家一起来看看这些干货吧。

  1、漂亮的 CSS3 动画进度条,可自定义进度条颜色

  今天我们要再来分享一款很漂亮的 CSS3 动画进度条,我们可以用它来显示每一项数据的所占的比例,效果很不错。

  在线演示  /  源码下载

  2、CSS3 垂直图标菜单,带 Tooltip 提示框

  今天我们要来分享一款 CSS3 菜单,菜单外观很漂亮,是垂直排列的小图标,鼠标滑过菜单项时,菜单项的背景会填充渐变的颜色,另外还会弹出该菜单项描述的 Tooltip 提示框。

  在线演示  /  源码下载

  3、纯 CSS3 背景渐变按钮,按钮图标淡入淡出动画

  今天我们要再来分享一款纯 CSS3 实现的按钮动画,这款按钮动画有以下特点:当鼠标滑过按钮时,按钮上的小图标便会以爆炸的方式淡出按钮,取代它的时相应的文字,当鼠标离开按钮时,小图标又会以爆炸的方式淡入按钮中。

  在线演示  /  源码下载

  4、HTML5 3D 立方体旋转动画

  今天我们再来分享一款绚丽的 HTML5 3D 立方体旋转动画,这款立方体的色彩看上去非常艳丽,旋转起来的动画效果也十分流畅。是一款很不错的 HTML5 3D 动画效果。

  在线演示  /  源码下载

  5、动感的 CSS3 Loading 文字特效

  这是一款非常帅的 CSS3 Loading 加载动画,尽管看上去只有 Loading 这几个字母,但是利用 CSS3 特性,可以把这几个字母渲染得非常动感。

  在线演示  /  源码下载

  6、CSS3 多样式小图标按钮,带分享按钮

  今天我们要来分享一款样式非常丰富的 CSS3 按钮特效,这些按钮的外观有点仿谷歌的风格,而且每一个按钮带有个性的小图标。另外按钮有一个特点,还可以定制出不错的分享按钮。

  在线演示  /  源码下载

  7、纯 CSS3 实现滑杆开关切换按钮动画

  今天我们要再来分享一款纯 CSS3 实现滑杆开关切换按钮动画,这个按钮是一个摇杆,杆子推上推下来切换开关状态,不同的开关状态也有不同颜色的指示灯。

  在线演示  /  源码下载

  8、HTML5/CSS3 牙刷动画,模拟真实刷牙效果

  今天我们再要来分享一款不错的 HTML5/CSS3 动画效果,你一个可爱的牙刷,牙刷外观是利用纯 CSS3 绘制出来的,也比较简单。另外是刷牙动画,看起来非常搞笑,像真的刷牙一样,左刷刷,右刷刷,非常可爱的牙刷动画。

  在线演示  /  源码下载

  9、CSS3 可视化网页编辑器,基于 tinymce 编辑器

  今天我们要来分享一款基于 tinymce 的 CSS3 可视化网页编辑器,编辑器功能相当完善,可以对文本进行各种操作,也可以添加链接和对齐文本。是一款功能更加强大网页编辑器。

  在线演示  /  源码下载

  10、CSS3 实现一款联系表单,输入框带小图标

  今天我们再来分享一款外观还不错的 CSS3 联系表单,这款 CSS3 联系表单的输入框带有小图标,并且在提交信息时能校验输入的信息。

  在线演示  /  源码下载

  11、HTML5/CSS3 多颜色柱状图表,带基准数据线

  这次要分享的 HTML5 柱状图表也非常不错,它有多种颜色来表示不同的数据。最大的特点是这款 HTML5 带有基准数据线,可以直观地看到每个数据项相对基准值的偏差。

  在线演示  /  源码下载

  12、HTML5/CSS3 图片描述效果,文字描述浮动在图片上

  今天要分享一款基于 HTML5 和 CSS3 的图片特效,该图片特效非常实用,可以让你网页上的图片在鼠标滑过时在图片上方浮现一些描述文字,该描述文字在展现出来的时候有淡入淡出的动画效果,同时描述文字的样式也可以自定义多样化,是一款非常不错的 HTML5 图片特效。

  在线演示  /  源码下载

发表评论
用户名: 匿名