Logo

前端嘛

  • 两只蜡烛的创意 Loading

    一个使用纯 CSS 实现的趣味蜡烛动画示例,包含背景切换、火焰跳动、眼睛眨动、烟雾飘散等效果,展示 CSS3 动画、transform、keyframes 的创意用法,适合前端开发者学习纯 CSS 动画技巧。

    Published on
    2025-08-29/
    /趣玩前端
    两只蜡烛的创意 Loading
  • 喷火龙

    这是一个基于 Three.js 和 GSAP 动画的 3D 交互式小龙展示,用户可以通过点击和拖拽控制小龙打喷嚏,伴随火焰和烟雾特效,呈现逼真的 WebGL 动画体验。

    Published on
    2025-08-28/
    /趣玩前端
    喷火龙
  • 一个抽象搞怪的 404 页面

    一个简洁美观的自定义404错误页面模板,使用Bootstrap 3和Google Fonts Arvo字体设计,支持响应式布局和CSS动画背景,适合网站错误页面优化与用户体验提升。

    Published on
    2025-08-27/
    /趣玩前端
    一个抽象搞怪的 404 页面
  • 让小熊吃到星星

    《让小熊吃到星星》是一款基于 HTML5 Canvas 的益智小游戏,玩家通过拖动和旋转网格,引导小熊抵达星星位置。游戏使用原生 JavaScript、CSS3 动画和交互事件处理,支持多关卡选择和物理旋转效果,提供流畅的网页端游戏体验。

    Published on
    2025-08-26/
    /趣玩前端
    让小熊吃到星星
  • 脉冲星崩解

    一个基于 Three.js WebGL 粒子特效 的互动演示,展示“脉冲星崩解”视觉效果。支持主题切换(熔岩、宇宙、翡翠)、粒子动画、冲击波效果和交互式控制,结合 UnrealBloomPass 后处理、OrbitControls 相机控制,实现沉浸式 3D 动态体验。

    Published on
    2025-08-25/
    /趣玩前端
    脉冲星崩解
  • 给狮子吹吹风

    这是一个基于 Three.js 和 WebGL 的 3D 狮子互动动画,用户通过鼠标拖动或触摸可以制造风,让狮子的鬃毛和表情动态变化,展示了现代前端交互动画效果。

    Published on
    2025-08-21/
    /趣玩前端
    给狮子吹吹风
  • 可爱的柴犬

    一个基于 Vue.js 的可爱柴犬互动组件示例,结合 SVG 与 CSS 动画实现角色表情、耳朵和眼睛的动态效果,支持随机化展示多种柴犬角色(Ume、Sesame、Tuna、Okaka 等)。

    Published on
    2025-08-20/
    /趣玩前端
    可爱的柴犬
  • 狼来了

    这是一款基于 Three.js 和 GSAP TweenMax 开发的 3D 网页小游戏,玩家操控兔子奔跑、跳跃并收集胡萝卜,同时躲避刺猬。游戏使用 WebGL 渲染、响应式设计,支持鼠标与触屏交互,适合展示前端动画、3D 建模与游戏开发技巧。

    Published on
    2025-08-19/
    /趣玩前端
    狼来了
  • 经典泡泡消消乐

    一款基于 HTML5 Canvas 与原生 JavaScript 开发的泡泡龙消除游戏,支持鼠标与触摸操作,采用模块化脚本(grid.js、ball.js、shooter.js、manager.js)实现动态渲染与交互,适合前端开发学习与游戏案例展示。

    Published on
    2025-08-18/
    /趣玩前端
    经典泡泡消消乐
  • 彩虹兄弟 Loading

    本页面展示了一个基于HTML5、CSS3和SVG动画实现的多彩几何角色与爆炸特效的创意互动场景,使用关键帧动画(@keyframes)、Bezier缓动函数、prefixfree库自动添加CSS前缀,营造连续运动和动态变化效果,适合动画效果示例与前端动画技术学习。

    Published on
    2025-08-13/
    /趣玩前端
    彩虹兄弟 Loading
  • 1
  • 2
  • 3
  • 4
  • 5
  • More pages
  • 19
  • 赞助本站1元

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

浙ICP备2021013131号

Powered by UniBlog

© 2025 前端嘛