Logo

前端嘛

  • 转动的纸牌

    这是一个使用Deck of Cards API创建的3D翻转扑克牌动画网页。页面展示了36张扑克牌在空间中优雅翻转的效果,每张牌通过CSS动画实现3D旋转,呈现出正面和背面的交替展示。网页使用了HTML5、CSS3和JavaScript技术,结合Deck of Cards API动态加载扑克牌图像,并通过CSS的transform和animation属性实现流畅的3D动画效果。

    Published on
    2025-02-07/
    /趣玩前端
    转动的纸牌
  • 能量启动

    这是一个使用GSAP和Font Awesome创建的交互式电源按钮动画页面,包含动态灯泡、齿轮旋转、电池充电、风扇旋转和原子图标激活效果。页面背景采用渐变色和脉冲动画,适合展示前端动画技术和CSS3特效。

    Published on
    2025-02-06/
    /趣玩前端
    能量启动
  • 灯塔

    使用纯 CSS 实现昼夜切换的灯塔动画,利用 CSS 动画、渐变、3D 效果和关键帧展现视觉效果。

    Published on
    2025-01-20/
    /趣玩前端
    灯塔
  • 多语言轮盘时钟

    这是一个使用 HTML 和 CSS 制作的动态时钟组件,支持展示多层时间刻度(包括年份、月份、日期、星期、小时、分钟和秒),并带有多语言切换功能。页面采用响应式设计,适配不同屏幕宽度,同时运用了 JavaScript 进行动画和交互。

    Published on
    2025-01-16/
    /趣玩前端
    多语言轮盘时钟
  • wifi 蓝牙已连接

    该HTML页面展示了一个自定义CSS实现的切换开关(toggle switch)组件,带有LED指示灯和SVG图标。切换开关具有动画效果,通过CSS变量控制外观和交互。页面布局居中,适配多种屏幕尺寸,背景使用径向渐变。

    Published on
    2025-01-08/
    /趣玩前端
    wifi 蓝牙已连接
  • 抽奖机

    本页面展示了一个数字老虎机动画效果,使用CSS Grid布局和JavaScript实现交互。页面支持响应式设计,并应用了CSS变量、渐变和过渡动画等技术,使数字滚动效果平滑流畅。通过点击按钮触发老虎机数字滚动,提供动态视觉体验。

    Published on
    2025-01-07/
    /趣玩前端
    抽奖机
  • 404绵羊

    这是一个简洁有趣的404页面设计,采用纯CSS动画实现,包含一只摇头晃脑的绵羊图案以及数字404样式。页面使用了CSS自定义属性、Flexbox布局和关键帧动画,提供流畅且富有趣味的视觉效果,适合用于网页的错误提示页面。

    Published on
    2025-01-06/
    /趣玩前端
    404绵羊
  • 狗找骨头算法

    这是一个基于HTML和CSS的交互式地图组件,采用Flexbox布局技术,实现动态寻路算法,可视化显示地图路径和障碍物。页面包含动画效果,用户可通过点击与地图进行交互。主要应用于前端开发的路径搜索和地图展示。

    Published on
    2025-01-03/
    /趣玩前端
    狗找骨头算法
  • 就决定是你了,皮卡丘!

    这是一个以 Vue.js 构建的互动式 Pokémon 精灵选择器页面,通过动画和响应式设计展示多个 Pokémon 精灵卡片,用户可以选择精灵组队。页面使用 CSS3 动画、渐变和 Vue 组件,提升用户体验,包含精灵血量、等级、性别等属性展示。

    Published on
    2025-01-02/
    /趣玩前端
    就决定是你了,皮卡丘!
  • 实现一个苹果程序坞

    该页面展示了一个类似Apple Dock风格的导航栏,使用HTML、CSS和JavaScript构建,具有悬停动画效果。导航栏包含多个应用程序图标,支持流畅的宽度动态调整。页面通过GSAP实现动画效果,主要应用于前端项目和交互式Web设计。

    Published on
    2024-12-30/
    /趣玩前端
    实现一个苹果程序坞
  • 1
  • 2
  • 3
  • 4
  • 5
  • More pages
  • 14
  • 赞助本站1元

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

浙ICP备2021013131号

Powered by UniBlog

© 2025 前端嘛