Logo

前端嘛

  • 读心术纸牌魔术

    这是一款互动式纸牌心灵魔术网页应用,用户通过选择一张牌,系统最终会神奇地揭示用户心中的牌。页面采用纯原生 JavaScript 实现逻辑,结合 CSS 动画(如 keyframes、hover 效果)和响应式设计,增强用户沉浸感和互动性。视觉上使用烟雾视频背景、卡片浮动发光动画等现代前端技术,带来神秘的视觉体验。

    Published on
    2025-07-11/
    /趣玩前端
    读心术纸牌魔术
  • 一个看起来就很厉害的表

    这是一个基于 WebGL 和 GLSL Fragment Shader 实现的 3D 着色器时钟动画示例,使用了高精度浮点运算与符号距离函数(SDF)技术,实时渲染小时、分钟与秒钟刻度,展现了 Shader 在时间动画和数字建模上的高级应用。

    Published on
    2025-07-10/
    /趣玩前端
    一个看起来就很厉害的表
  • 放烟花

    这是一个使用 HTML5 Canvas 和原生 JavaScript 实现的烟花动画教程,展示了如何通过 requestAnimationFrame 创建流畅粒子效果,适合前端动画初学者学习图形绘制与性能优化技巧。

    Published on
    2025-07-09/
    /趣玩前端
    放烟花
  • 3D 抽屉柜

    本页面展示了一个完全使用纯 CSS 和 HTML5 <details> 与 <summary> 标签实现的 3D 抽屉式柜子,无需 JavaScript,适用于创意 UI 设计演示,体现 CSS 变量与 3D 变换的高级用法。

    Published on
    2025-07-09/
    /趣玩前端
    3D 抽屉柜
  • 给小熊投喂甜甜圈

    一个用 HTML5、CSS3 和原生 JavaScript 实现的可拖拽互动小游戏,用户通过拖动甜甜圈喂给小熊,体验动画反馈和动态元素效果,适合前端动画和交互设计学习者参考。

    Published on
    2025-07-08/
    /趣玩前端
    给小熊投喂甜甜圈
  • 蜡笔小新

    使用纯 CSS 和 HTML 构建蜡笔小新动画角色,包含头发、眼睛、面部、手脚等多个细节模块,并通过 CSS 动画实现呼吸效果,展示 CSS 绘图与动画的高级应用。

    Published on
    2025-07-07/
    /趣玩前端
    蜡笔小新
  • 一袋米要扛几楼

    使用纯 CSS 实现轮回眼样式的动态视觉效果,展现复杂图形变换与阴影层次,适用于前端视觉实验或动画展示页面。

    Published on
    2025-07-06/
    /趣玩前端
    一袋米要扛几楼
  • 吉卜力风

    吉卜力风格的 WebGL 三维场景,基于 Three.js 和自定义 Shader 实现动态光照、粒子动画与模型交互,适用于前端三维可视化项目参考。

    Published on
    2025-07-04/
    /趣玩前端
    吉卜力风
  • 3D 叠塔游戏

    这是一个使用 Three.js 和 GSAP 构建的 3D 叠塔游戏,玩家通过点击或按空格键精准放置方块挑战极限,支持动画过渡和响应式视口设计,适合展示 WebGL、动画控制和游戏逻辑实现能力。

    Published on
    2025-07-03/
    /趣玩前端
    3D 叠塔游戏
  • 海贼王我当定了!

    使用 HTML 与纯 CSS 绘制的路飞头像,呈现帽子、面部、头发等多层细节造型,无需图像资源即可实现高质量动漫角色展示,适合用于 CSS 绘图、前端动画、纯前端项目展示或简历作品集。

    Published on
    2025-07-02/
    /趣玩前端
    海贼王我当定了!
  • 1
  • 2
  • 3
  • 4
  • 5
  • More pages
  • 16
  • 赞助本站1元

    您的赞助将用于维护本站(服务器、CDN等),感谢您的支持

浙ICP备2021013131号

Powered by UniBlog

© 2025 前端嘛