千锋HTML512款实用干货.pdfVIP

千锋教育-中国IT 职业教育领先品牌 千锋 HTML5 的 12 款实用干货 1、漂亮的 CSS3 动画进度条 ，可自定义进度条颜色 今天我们要再来分享一款很漂亮的 CSS3 动画进度条 ，我们可以用它来显示每一 项数据的所占的比例 ，效果很不错。 2、CSS3 垂直图标菜单 ，带 Tooltip 提示框 今天我们要来分享一款 CSS3 菜单 ，菜单外观很漂亮 ，是垂直排列的小图标 ，鼠 标滑过菜单项时 ，菜单项的背景会填充渐变的颜色 ，另外还会弹出该菜单项描述 的Tooltip 提示框。 千锋教育 千锋教育-中国IT 职业教育领先品牌 3、纯 CSS3 背景渐变按钮 ，按钮图标淡入淡出动画 今天我们要再来分享一款纯 CSS3 实现的按钮动画 ，这款按钮动画有以下特点 ： 当鼠标滑过按钮时 ，按钮上的小图标便会以爆炸的方式淡出按钮 ，取代它的时相 应的文字 ，当鼠标离开按钮时 ，小图标又会以爆炸的方式淡入按钮中。 4、HTML5 3D 立方体旋转动画 今天我们再来分享一款绚丽的 HTML5 3D 立方体旋转动画 ，这款立方体的色彩看 上去非常艳丽 ，旋转起来的动画效果也十分流畅。是一款很不错的 HTML5 3D 动 画效果。 千锋教育 千锋教育-中国IT 职业教育领先品牌 5、动感的 CSS3 Loading 文字特效 这是一款非常帅的 CSS3 Loading 加载动画 ，尽管看上去只有 Loading 这几个字母 ， 但是利用 CSS3 特性 ，可以把这几个字母渲染得非常动感。 、 多样式小图标按钮 ，带分享按钮 6 CSS3 今天我们要来分享一款样式非常丰富的 CSS3 按钮特效 ，这些按钮的外观有点仿 谷歌的风格 ，而且每一个按钮带有个性的小图标。另外按钮有一个特点 ，还可以 定制出不错的分享按钮。 千锋教育 千锋教育-中国IT 职业教育领先品牌 7、纯 CSS3 实现滑杆开关切换按钮动画 今天我们要再来分享一款纯 CSS3 实现滑杆开关切换按钮动画 ，这个按钮是一个 摇杆 ，杆子推上推下来切换开关状态 ，不同的开关状态也有不同颜色的指示灯。 8、HTML5/CSS3 牙刷动画 ，模拟真实刷牙效果 今天我们再要来分享一款不错的 HTML5/CSS3 动画效果 ，你一个可爱的牙刷 ，牙 刷外观是利用纯 CSS3 绘制出来的 ，也比较简单。另外是刷牙动画 ，看起来非常 搞笑 ，像真的刷牙一样 ，左刷刷 ，右刷刷 ，非常可爱的牙刷动画。 千锋教育 千锋教育-中国IT 职业教育领先品牌 9、CSS3 可视化网页编辑器 ，基于 tinymce 编辑器 今天我们要来分享一款基于 tinymce 的 CSS3 可视化网页编辑器 ，编辑器功能相 当完善 ，可以对文本进行各种操作 ，也可以添加链接和对齐文本。是一款功能更 加强大网页编辑器。 10、CSS3 实现一款联系表单 ，输入框带小图标 今天我们再来分享一款外观还不错的 CSS3 联系表单 ，这款 CSS3 联系表单的输入 框带有小图标 ，并且在提交信息时能校验输入的信息。 千锋教育 千锋教育-中国IT 职业教育领先品牌 11、HTML5/CSS3 多颜色柱状图表 ，带基准数据线 这次要分享的 HTML5 柱状图表也非常不错 ，它有多种颜