标签:HTML5 3D

WEB前端

HTML5 3D 视差相册画廊

1

爱前端网 - Yang 发布于 2021-11-09

这是一个基于HTML5和CSS3的3D视差相册画廊,画廊中的图片围成一个圆环,拖拽鼠标可以让图片在环形画廊中滚动切换,并且将鼠标滑过图片时,图片也会产生高亮效果,形成一种3D的视差效果。另外,我们可以在次基础上稍微扩展一下,有兴趣的同学可以自己改造一下,就是鼠标点击图片时,可以展...

阅读(454)赞 (1)

WEB前端

HTML5 3D无限循环图片流

1

爱前端网 - Yang 发布于 2021-11-09

这是一款基于HTML5的3D无限循环图片流,它模拟了以前Mac Dock菜单栏的设计方式,每一张图片都有倒影,因此给人一种3D立体的视觉效果。另外,我们不仅可以通过鼠标拖拽来滚动切换图片,而且可以通过鼠标滚轮来切换。拖拽可以控制滚动的速度,而且这个图片流是可以无限循环的,不管有多...

阅读(355)赞 (1)

WEB前端

HTML5 3D 神秘游戏场景动画

1

爱前端网 - Yang 发布于 2021-11-09

今天分享的是一个基于Three.js的HTML5 3D动画,这个动画模拟了游戏中的一个炫酷的3D场景,支持360度视角查看,也支持鼠标滚轮进行缩放。画面中主要展现了一个游戏中传送门的效果,同时还有路两边的围栏、灯笼、石头,以及星光闪闪的萤火虫,整个画面显得十分神秘。不得不说,th...

阅读(292)赞 (2)

WEB前端

HTML5和CSS3实现的自定义3D滑杆控件

1

爱前端网 - Yang 发布于 2019-08-09

我们分享过一些比较有意思的滑杆控件,比如这款基于VueJS的滑块组件就非常不错。滑杆这种控件一般用在范围选取上面,比如结合图表生成一定范围的数据。今天我们分享的这个滑杆控件自定义程度非常高,特别是使用了CSS3的3D特性,让整一个滑杆控件效果更加炫酷。 在线演示 源码下载

阅读(1209)赞 (4)

WEB前端

HTML5 Canvas烟花绽放庆祝活动场景

1

爱前端网 - Yang 发布于 2019-08-09

前段时间,我们分享过几个基于HTML5 Canvas的烟花动画,例如这个2D平面的烟花动画,也是基于HTML5 Canvas的;同样的另外一个基于3D带音效的烟花燃放动画效果也非常炫酷。这次我们分享的另外一款基于HTML5 Canvas的烟花绽放动画的特点是,除了可以播放烟花动画...

阅读(1390)赞 (2)