Logo

前端嘛

  • 我要创造一个有琳的世界

    一个以写轮眼和轮回眼为主题的前端动画展示页面,使用纯 CSS 构建复杂的动画视觉效果,灵感来源于火影忍者角色设计,具有响应式布局。

    Published on
    2025-07-15/
    /趣玩前端
    我要创造一个有琳的世界
  • 黑洞

    这是一个基于 HTML5 Canvas 和 JavaScript 实现的黑洞可视化动画,具有动态星轨效果和交互式中心按钮,适用于天文、科普或 WebGL 动画展示项目。

    Published on
    2025-07-14/
    /趣玩前端
    黑洞
  • 读心术纸牌魔术

    这是一款互动式纸牌心灵魔术网页应用,用户通过选择一张牌,系统最终会神奇地揭示用户心中的牌。页面采用纯原生 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/
    /趣玩前端
    吉卜力风
  • 1
  • 2
  • 3
  • 4
  • 5
  • More pages
  • 16
  • 赞助本站1元

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

浙ICP备2021013131号

Powered by UniBlog

© 2025 前端嘛