标签归档:HTML5 3D

HTML5/CSS3 全屏3D焦点图切换插件

今天我们要给大家分享一款基于HTML5和CSS3的3D焦点图插件,类似的3D焦点图插件之前也有分享过,比如这款jQuery 3D 垂直螺旋切换焦点图动画和这款jQuery/CSS3 3D旋转图片切换焦点图插件都非常不错。这次的3D焦点图动画插件是全屏的,效果非常绚丽,整张图片就像悬浮在夜空中一样,切换时还带有丰富的过渡动画效果。

html5-css3-3d-full-slider

在线演示源码下载

HTML5 Canvas五彩缤纷的3D发光水晶球动画

这是一款基于HTML5 Canvas的超绚丽发光水晶球动画,就像是酒吧里的那种水晶球射灯一样,不停地随机变换射出光线的颜色,给人一种非常动感的视觉效果。整个水晶球是在Canvas画布上绘制而成,利用CSS3的相关特性使其能够出现五彩缤纷的发光动画,而且可以通过鼠标滚轮来放大缩小这个水晶球,不得不说HTML5真的是非常强大。

html5-canvas-crystal-ball

在线演示源码下载

HTML5 Canvas酷似冰山的3D柱状图表

今天我们要为大家分享一个外观很不一样的HTML5柱状图表应用,它的外观就像一座座冰山矗立在海面上,通过海面的高低来表示柱形图数据的高低,非常形象和直观。同时我们还利用HTML5 Canvas技术模拟海面波浪起伏的动画特效,也可以同时展示多组数据。

html5-canvas-iceberg-chart

在线演示源码下载

CSS3 3D相册架子 可分层切换展示

之前我们为大家分享过很多样式各异的HTML5 3D相册,比如这款3D照片墙HTML5 3D立体图片相册就非常炫酷。这次分享的也是一款3D相册,不过它更多展示的是相册架子,怎么说呢,它不能像前面那款那样展示图片,而是分层切换展示每一层架子上的相册。

css3-3d-gallery-shelf

在线演示源码下载

CSS3 3D翻转Tab切换插件

这是一款基于CSS3的Tab切换插件,关于Tab插件我们之前已经向大家分享过很多了,比如这篇超酷实用的CSS3 Tab菜单集合中就有很多不错的Tab插件。今天分享的这款主要是体现了3D翻转的样式,在点击tab菜单项时,内容区域会实现3D翻转的动画特效,非常不错。

css3-3d-rotate-tab

在线演示源码下载

超酷逼真的CSS3 3D书本翻页动画

之前我们分享过好几款风格各异的jQuery书本翻页插件和HTML5书本翻页动画,有几个还是不错的,比如jQuery书本翻页3D动画特效HTML5 3D书本翻页特效。今天要分享的也是一款基于CSS3的3D书本翻页动画,目前这个动画不支持鼠标交互,只可以自动将页面打开和收拢。

css3-3d-book-flip

在线演示源码下载

HTML5 3D波浪起伏动画特效

今天我们要来分享一款很不错的HTML5 3D动画特效,它是一个波浪起伏的动画效果,跟之前分享的那款HTML5 3D 粒子波浪动画特效不同的是,这款HTML5动画可以拖拽鼠标查看不同角度的波浪效果,同时也可以利用鼠标滚轮来实现视窗的缩放。

html5-3d-wave-animation

在线演示源码下载

HTML5 3D 粒子波浪动画特效

之前我们分享过一个HTML5 3D点阵列波浪翻滚动画,效果非常震撼。今天我们要在来分享一款升级版HTML5 3D粒子波浪动画特效,我们可以旋转不同的视角来欣赏粒子波浪的滚动特效。HTML5在动画制作方面的确让人眼前一亮。

html5-3d-wave

在线演示源码下载

HTML5/CSS3可折叠的3D立方体动画

最近我们已经为大家分享过很多基于HTML5和CSS3的立方体动画,比如HTML5多立方体3D翻转动画HTML5 3D立方体图片切换动画,效果都非常惊人。今天要给大家带来另外一款CSS3 3D立方体动画,尤其在DEMO2中可以看到,鼠标滑过立方体后,它将会被打开,从里面弹出另外一个小立方体,动画效果非常酷,非常逼真。

html5-css3-unfold-3d-cube

在线演示源码下载

HTML5多立方体3D翻转动画

很久没有分享关于HTML5 3D动画的应用了,大家可以移步至HTML5 3D目录下欣赏所有的HTML5 3D动画特效。今天小编要给大家带来另外一款HTML5 3D立方体翻转动画,这款动画能实现多个立方体按一定顺序翻转,给人墙体翻转的3D视觉效果。

html5-rect-wave

在线演示源码下载