这是一款基于HTML5 Canvas的3D地球仿照动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度不雅观察地球。
其余我们也可以通过点击全屏按钮来全屏不雅观看地球旋转动画,记得在很早以前我们也分享过一款基于HTML5 Canvas的地球动画,请看这里。

2.HTML5 Canvas 3D笔墨动画 支持鼠标滚轮缩放

之前我们已经为大家分享过很多款炫酷和实用的HTML5笔墨动画殊效,最经典的便是这款HTML5 Canvas幻彩火焰笔墨殊效。
这次给大家带来的是其余一款基于HTML5 Canvas 3D笔墨动画,它的特点是按住鼠标左键拖动笔墨可以旋转笔墨,从不同角度不雅观察笔墨;按住鼠标左键可以移动笔墨;其余滑动鼠标滚轮可以缩放笔墨大小。

html5滚轮选择控件法式猿必备的10款超炫酷HTML5 Canvas插件 Java
(图片来自网络侵删)

3.HTML5 Canvas五彩烟雾仿照动画

之前我们利用HTML5技能在Canvas上仿照了很多东西,比如最近刚分享的HTML5 Canvas 多种炫酷3D粒子图形动画。
这次给大家带来的也是一款基于HTML5 Canvas的动画殊效,它仿照了五彩烟雾的流动效果,这在Canvas上实现还是比较大略的。

4.CSS3带头像的垂直彩色菜单

本日我们要给大家分享一款比较特殊的CSS3菜单,这款菜单是垂直样式的,而且当鼠标滑过菜单项时,当前菜单项即可显示一个精美的头像,并且在头像阁下显示一些格式化的笔墨。
其余,每一个菜单项的背景色可以动态渲染。

5.HTML5/CSS3 3D立方体拼图 支持方向键旋转

之前我们分享过不少基于HTML5/CSS3和Canvas的3D立方体旋转动画,比如这款超绚丽CSS3多色彩发光立方体旋转动画,也有基于立方体做的菜单运用,比如超实用CSS3 3D菜单 菜单项悬浮凸出立体效果。
本日我们要分享的是一款基于HTML5和CSS3的3D立方体拼图运用,一共有8个小立方体组成的3D拼图,我们可以点击立方体或者方向键完成拼图,同时我们也可以让立方体保持旋转。

6.CSS3/SVG实现的任务列表 超酷的按钮点击动画

这是一款外不雅观很俊秀的CSS3/SVG任务列表插件,我们可以在输入框中输入自己须要完成的任务名称,点击添加按钮后即可将任务添加到列表中去。
这本来是一件非常普通的功能,但是利用CSS3和SVG,我们在添加按钮点击时涌现非常炫酷的动画殊效,这样的殊效在任务添加到列表和删除列表中都同样会涌现,非常不错。
乃至我们可以将这款插件修正后变成一款非常华美的评论插件。

7.CSS3水平滑杆插件 带气泡数值提示

本日我们要给大家先容一款很酷的水平滑杆插件,和之前分享的jQuery双向滑动杆 设置数值百分比和超可爱的纯CSS3滑动开关按钮类似,基本都是通过CSS3来美化浏览器默认的水平滑杆。
本日禀享的这款有一个特点,便是滑杆的数值带有气泡提示框,而且它就像气球一样拖动时会旁边扭捏。

8.CSS3/SVG自定义单选框Radiobox跳跃选择动画

这又是一款利用CSS3实现的自定义美化版Radiobox单选框,和之前分享的CSS3自定义发光radiobox单选框类似,这款radiobox也是利用CSS3重写radiobox样式实现的。
其余,这款自定义单选框还结合了SVG的特性,实现了单选框选中时的跳跃动画。

9.基于HTML5 WebGL的3D星云动画殊效

本日我们给大家分享一个基于HTML5 Canvas的星云动画殊效,全体画面仿照了一个星系的外不雅观,比如仿照了太阳系,有很多小行星环绕着星系中央旋转,星系中央也显得格外亮丽。
这些小老婆点都是在Canvas上绘制而成,同时我们还可以拖拽鼠标从不同视角不雅观看星云,非常大气。

10.jQuery Select下拉框美化插件 菜单淡如淡出动画

只管现在的浏览器更新换代后更加强大,浏览器默认控件也逐渐变得都雅起来,特殊是Select下拉框,已经不再因此前IE6那样的丑陋了。
但是本日我们要为大家分享一款基于jQuery的Select下拉框美化插件,它完备重写了浏览器默认的Select下拉框样式,而且不才拉菜单展开时还伴随淡如淡出的动画效果,非常不错。
当然我们以前也分享过一些类似的插件,可以看看俊秀实用的Select下拉框美化插件Tether,也可以看看这款jQuery 美化界面的下拉框。

本文固定链接: http://www.i7758.com/archives/2866.html