3D机械猫行走动画附带开炮效果(Three.js可交互机甲角色动画)

机械猫模型

3D机械猫行走动画附带开炮效果(Three.js可交互机甲角色动画)

这是一款可交互的 3D 机械猫场景,基于 Three.js 实现。紫青撞色的机甲猫在平台上做连贯的行走循环,四肢关节分段驱动、步态自然,背上架着一门四管武器;点击"开火"或按空格,炮口先蓄能亮起...

底部导航栏气泡指示器(CSS+JS弧形凹陷动效)

底部导航栏

底部导航栏气泡指示器(CSS+JS弧形凹陷动效)

这是一款移动端风格的底部导航栏特效,基于 HTML+CSS 与原生 JavaScript 实现。点击任一图标,白色圆形指示器会沿导航条平滑滑动到该位置,两侧由圆角阴影拼出向内凹陷的弧形过渡,像水...

环形展开菜单(CSS+JS弧形滑动指示器)

环形菜单

环形展开菜单(CSS+JS弧形滑动指示器)

这是一款环形展开快捷导航菜单,基于 HTML+CSS 与原生 JavaScript 实现。点击中央的加号按钮,按钮旋转成叉号并向外扩散出一圈白色底面,八个图标沿圆周依次呈放射状展开;选中某一项时...

在线PS源码下载,仿Photoshop网页图像编辑器,纯JS实现图层与滤镜
精品

在线PS

在线PS源码下载,仿Photoshop网页图像编辑器,纯JS实现图层与滤镜

这是一款仿 Photoshop 界面的网页图像编辑器,基于 HTML + CSS + 原生 JavaScript 技术实现,无任何第三方库。界面高度还原专业修图软件的操作布局:顶部菜单栏与工具选...

图片标记点坐标映射工具,跨裁切比例自动换算JSON

图片打点工具

图片标记点坐标映射工具,跨裁切比例自动换算JSON

这是一款图片标记点坐标映射工具,基于 HTML5 Canvas + 原生 JavaScript + CSS 技术实现,用于解决同一张图在不同裁切比例下标注点错位的问题。上传图片后,在画面上点击即...

HTML5 复古像素画在线绘制工具源码下载,支持图层动画与GIF导出
精品

在线像素编辑器

HTML5 复古像素画在线绘制工具源码下载,支持图层动画与GIF导出

这是一款复古像素画绘制工具(Retro Pixel Studio v1.1)项目源码,基于 HTML5 Canvas + 原生 JavaScript + CSS 技术实现,界面沿用 C64 风格...

Leaflet 自定义样式地图 — 十几套配色一键切换,带自动降级容错

Leaflet地图

Leaflet 自定义样式地图 — 十几套配色一键切换,带自动降级容错

这是一款自定义样式地图效果,基于 Leaflet 地图框架实现,配合 GoogleMutant 插件把谷歌地图的配色方案套进来。页面左侧是一块半透明控制面板,顶部标题下方有个下拉框,列出十几套现...

在线复古贴纸生成器(JS+CSS) — 改字换色调角度,一键导出透明底 PNG

复古贴纸生成器

在线复古贴纸生成器(JS+CSS) — 改字换色调角度,一键导出透明底 PNG

这是一款复古贴纸生成器,用原生 JS + CSS 实现。画面中央是一块厚描边、带立体投影的贴纸文字,默认写着 GOOD MORNING,直接点上去就能改成自己想写的内容,支持换行。

复古 Macintosh 桌面网页特效 — 纯 CSS 像素风界面,可双击打开的计算器和画板

复古 Mac 桌面

复古 Macintosh 桌面网页特效 — 纯 CSS 像素风界面,可双击打开的计算器和画板

​这是一款复古 Macintosh 桌面效果,用纯 HTML + CSS + 原生 JS 做的,没用任何框架。整体是老式黑白电脑的样子:点阵网格背景、像素字体、顶部菜单栏,桌面上摆着几个图标——...

支持收纳与弧形展开交互动画的毛玻璃质感文件夹相册(CSS+JS)

文件夹相册

支持收纳与弧形展开交互动画的毛玻璃质感文件夹相册(CSS+JS)

这是一款相册文件夹展开收拢交互动画效果,基于 React 与 Motion (Framer Motion) 技术实现。点击文件夹时,拍立得风格的照片会沿着弧形轨迹优雅地展开呈网格排列;再次点击时...

CSS color-mix() 与 OKLCH 色彩空间交互式混色调色盘

调色盘

CSS color-mix() 与 OKLCH 色彩空间交互式混色调色盘

这是一款动态色彩混合与实时预览交互效果,基于 CSS color-mix() 函数 (OKLCH 色彩空间) 与 JS 技术实现。用户只需选择颜色对并拖动滑块,即可实时调配两种颜色的融合比例并同...

HTML/JS趣味爱心眼神跟随鼠标交互特效 | 创意微拟物网页动效

爱心眼神跟随

HTML/JS趣味爱心眼神跟随鼠标交互特效 | 创意微拟物网页动效

这是一款趣味爱心眼神跟随效果,基于HTML+CSS+JavaScript技术实现,画面中央的拟物风爱心拥有一双灵动的眼睛,能够实时追踪鼠标指针的移动,并根据鼠标的远近距离产生自然的呼吸起伏与光晕...