Logo

前端嘛

  • 土豆吃薯条

    这是一个使用Lottie动画的网页示例,通过JavaScript和dotlottie-web库实现动态主题切换功能。用户点击按钮即可切换不同的动画主题,包括白天、黄昏、夜晚、午夜和冬季。页面利用HTML5 Canvas和现代CSS样式,适合展示高质量、可交互的前端动画效果。

    Published on
    2024-12-16/
    /趣玩前端
    土豆吃薯条
  • chrome 离线小恐龙游戏

    Chrome离线小恐龙游戏(T-Rex Runner),经典的无网络状态下的小游戏,基于JavaScript实现,适配移动端与桌面端,具有音效、碰撞检测和图像加载等功能。

    Published on
    2024-12-12/
    /趣玩前端
    chrome 离线小恐龙游戏
  • 忍者闯关

    这是一个使用 HTML5 Canvas 和 JavaScript 构建的棍子英雄游戏。用户通过按住鼠标来延伸棍子,帮助英雄跨越平台。页面具有响应式布局,并提供实时得分、重置按钮和动画过渡效果。

    Published on
    2024-12-11/
    /趣玩前端
    忍者闯关
  • 造房子

    纯CSS打造的互动网页游戏,挑战在日落前建造灯塔以拯救船只和岛民。利用HTML和CSS动态控制房屋建造和图形质量,带来独特的前端体验。

    Published on
    2024-12-10/
    /趣玩前端
    造房子
  • 彩色像素骷髅

    这段HTML页面展示了一个动态的、可交互的动画效果,通过CSS动画和JavaScript生成像素化元素的视觉效果,适合用于展示独特的网页特效。页面采用现代前端技术,包括CSS自定义属性、网格布局、filter滤镜以及JavaScript动态生成DOM元素,提供流畅的用户体验。

    Published on
    2024-12-09/
    /趣玩前端
    彩色像素骷髅
  • 电流攻击,滋滋

    这是一个使用HTML5 Canvas实现的动态电流效果动画,通过JavaScript绘制色彩渐变的随机移动线条,页面布局采用CSS Grid实现居中对齐,支持响应式设计。

    Published on
    2024-12-06/
    /趣玩前端
    电流攻击,滋滋
  • 小火车时钟

    一个基于HTML、CSS和JavaScript的动态列车时钟示例,结合SVG动画实现列车沿轨道运行的动态效果,适合前端开发爱好者学习和参考。

    Published on
    2024-12-05/
    /趣玩前端
    小火车时钟
  • 3D 卡片悬浮

    本页面展示了一个3D翻转效果的卡片交互示例,通过CSS实现动态悬停动画效果,结合图像和文字创建视觉冲击力。适用于现代网页设计和交互开发,突出前端技术在用户体验设计中的应用。

    Published on
    2024-12-04/
    /趣玩前端
    3D 卡片悬浮
  • 创意硬币弹跳Loading

    该页面通过CSS动画实现了复杂的3D硬币滚动和弹跳效果,结合HSL颜色和自定义变量提供动态的视觉体验,是展示CSS动画、变量和3D转换技术的优秀示例。

    Published on
    2024-12-03/
    /趣玩前端
    创意硬币弹跳Loading
  • 好玩的数独游戏

    一个基于现代前端技术开发的在线数独游戏,支持实时高亮、统计功能和便捷的用户交互,为用户提供流畅的数独游戏体验,兼容桌面和移动设备。

    Published on
    2024-12-02/
    /趣玩前端
    好玩的数独游戏
  • 1
  • 2
  • 3
  • 4
  • 5
  • More pages
  • 14
  • 赞助本站1元

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

浙ICP备2021013131号

Powered by UniBlog

© 2025 前端嘛