Logo

前端嘛

  • 新拟态组件

    本页面展示了基于CSS Neumorphism新拟态设计的前端UI组件示例,包含开关、复选框、单选按钮、按钮、时钟、搜索框、分段控制、图标、滑块等交互元素,使用HTML5、CSS3、JavaScript及Ionicons、Material Icons等技术,适合UI设计参考与前端开发学习。

    Published on
    2025-08-12/
    /趣玩前端
    新拟态组件
  • 人浪

    一个利用 CSS :has() 伪类与响应式布局实现的互动动画示例,通过鼠标悬停触发人物角色联动“人浪”效果,展示高级 CSS 选择器、Flexbox、渐变背景与过渡动画的综合运用。适合前端开发者学习 CSS 动画、交互设计及复杂选择器的使用。

    Published on
    2025-08-11/
    /趣玩前端
    人浪
  • 粉色冰块闯关游戏

    PINK ICE 是一款基于 HTML、CSS 和 JavaScript 开发的响应式滑块解谜游戏,支持方向键或触屏操作,适配移动与桌面端,拥有多级挑战关卡与炫酷动画效果。

    Published on
    2025-08-08/
    /趣玩前端
    粉色冰块闯关游戏
  • 白昼黑夜切换器

    一个使用 React Context API 和 styled-components 实现的日夜模式切换动画示例,具有动态太阳、月亮和星星效果,支持白天与夜晚背景自动判断和用户切换。

    Published on
    2025-08-07/
    /趣玩前端
    白昼黑夜切换器
  • 一个花里胡哨的确认按钮

    交互式彩带动画确认按钮示例,基于HTML、CSS和GSAP实现3D悬停效果与点击粒子动画,适合前端交互动效开发与UI设计参考。

    Published on
    2025-08-06/
    /趣玩前端
    一个花里胡哨的确认按钮
  • 小丑转盘

    一个基于 Three.js、GLTFLoader 和 Lottie Web 构建的互动嘉年华转盘游戏,支持 WebGL 3D 场景渲染、动画效果与用户拖拽操作,兼容移动端与桌面端,为用户提供沉浸式的抽奖体验。

    Published on
    2025-08-05/
    /趣玩前端
    小丑转盘
  • 记忆游戏

    轻量级的浏览器记忆游戏,使用原生 JavaScript 和 CSS Grid 构建,适合初学者学习 DOM 操作、动画效果和响应式设计的网页小游戏示例。

    Published on
    2025-08-04/
    /趣玩前端
    记忆游戏
  • 去吧皮卡丘

    这是一个使用纯CSS和单个div创建的皮卡丘动画效果,通过复杂的box-shadow属性和CSS动画实现像素风格的奔跑动画。展示了CSS的强大绘图能力和动画技巧,适合前端开发者学习高级CSS技术。

    Published on
    2025-08-01/
    /趣玩前端
    去吧皮卡丘
  • 热血贪吃蛇

    一款复古像素风格的HTML5贪吃蛇小游戏,融合GSAP动画与Webflow设计元素,支持音效、背景音乐和自定义控制面板,提供沉浸式创意互动体验。

    Published on
    2025-07-31/
    /趣玩前端
    热血贪吃蛇
  • 猩球大战

    本页面是一个基于 Canvas 和原生 JavaScript 实现的城市大战小游戏,玩家操控大猩猩投掷炸弹穿越楼宇,击中对手赢得比赛。支持单人、双人与自动对战模式,并配有风速、建筑生成、爆炸效果与深色模式切换,适合前端交互动画与游戏逻辑学习。

    Published on
    2025-07-30/
    /趣玩前端
    猩球大战
  • 1
  • 2
  • 3
  • 4
  • 5
  • More pages
  • 19
  • 赞助本站1元

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

浙ICP备2021013131号

Powered by UniBlog

© 2025 前端嘛