纯CSS霓虹3D数字时钟 - 摇晃倒影数字效果

数字时钟

纯CSS霓虹3D数字时钟 - 摇晃倒影数字效果

这是一款霓虹数字时钟特效,基于纯CSS技术实现,通过发光边框和色彩渐变模拟赛博朋克风格的LED灯管效果,适合作为动态桌面壁纸或科技感网页装饰元素,尤其适合电竞主题、未来风UI等场景。

Three.js支持点击定位的 3D 旋转地球仪(动态坐标标记方案)

3D地图定位

Three.js支持点击定位的 3D 旋转地球仪(动态坐标标记方案)

这是一款带坐标定位的3D转动地球仪动画效果,基于Three.js技术实现,通过三维球体与动态标记点的结合,适用于企业全球业务展示、旅行轨迹可视化或实时数据监控等需要突出地理位置的交互场景。

GSAP响应式无限3D轮播组件,支持鼠标滚动以及导航按钮切换图片

3D轮播图

GSAP响应式无限3D轮播组件,支持鼠标滚动以及导航按钮切换图片

这是一款无限3D轮播效果,支持响应式布局,基于GSAP+CSS技术实现,通过3D翻转、图片倒影以及流畅动画模拟立体滑动展示,并且支持左右导航按钮以及鼠标滚动轮播切换图片,适用于媒体库、产品陈列或...

HTML中通过JS插件回显3D建模glb文件,并设置合理布局

GLB文件回显

HTML中通过JS插件回显3D建模glb文件,并设置合理布局

3D建模生成的glb文件在HTML网页中展示,通过JS插件实现,将glb文件放置于卡片布局中,并添加了鼠标跟随3D展示效果,适用于3D建模文件glb回显的网页中。

CSS+JS动态家庭影院立体界面3D空间

家庭影院

CSS+JS动态家庭影院立体界面3D空间

这是一款动态家庭影院界面,基于CSS+JS技术实现,包括可调节节目的大电视和两个大音响,通过交互式控件和视觉反馈模拟影院环境的光影与播放控制,适用于流媒体平台、智能家居系统及多媒体应用场景。

纯CSS 3D立方体旋转轮播图

翻滚轮播

纯CSS 3D立方体旋转轮播图

这是一款仅用CSS实现的3D立方体轮播效果,通过transform和animation模拟立体翻转与平滑滚动,无JavaScript依赖,适用于产品展示或创意视觉幻灯片场景。

Three.js支持交互的时尚3D天气云雨预报小组件

天气组件

Three.js支持交互的时尚3D天气云雨预报小组件

这是一款3D天气预报互动组件,基于Three.js+WebGL技术实现,点击触发下雨动画效果,适用于气象类网站和交互式仪表盘场景。

Canvas时空扭曲片段3D特效动画源码下载

3D时空动画

Canvas时空扭曲片段3D特效动画源码下载

这是一款 Canvas 时空扭曲视觉3D效果,基于WebGL片段着色器技术实现,模拟三维空间异常现象,适用于科幻网站和数字艺术展示场景。

纯CSS 3D立体按钮源码下载,悬停/点击时触发动态倾斜效果

3D按钮

纯CSS 3D立体按钮源码下载,悬停/点击时触发动态倾斜效果

这是一款仅用CSS实现的3D立体按钮,通过transform和perspective属性模拟空间深度,悬停/点击时触发动态倾斜效果,适用于增强界面视觉层次和交互趣味性。

CSS+JS实现的带左右箭头+底部点状导航的 3D 图文卡片轮播组件

3D手动轮播

CSS+JS实现的带左右箭头+底部点状导航的 3D 图文卡片轮播组件

这是一款基于JS+CSS的3D轮播组件,支持左右箭头切换和底部圆点导航,当前图片高亮显示,其余图片灰度化处理,适用于产品展示、相册画廊等场景。

基于three.js实现的3D版《天天过马路》交互式小游戏源码下载

过马路小游戏

基于three.js实现的3D版《天天过马路》交互式小游戏源码下载

​这是一款基于three.js实现的3D交互式小游戏场景,采用正交相机跟随玩家视角,包含简模、纹理、光影及随机生成关卡逻辑,复刻了《天天过马路》的核心玩法,适用于Web端3D游戏开发演示。

CSS四款文本悬停标记与突出效果,让关键文字脱颖而出!

标记文本

CSS四款文本悬停标记与突出效果,让关键文字脱颖而出!

这是一组纯CSS实现的多样化文本悬停交互效果,包含3D突出、变色、阴影、变形、包裹、下划线、下滑曲线等常见动效,适用于快速提升按钮/卡片/链接的视觉反馈体验。