黑雾眼睛
Canvas暗物质（黑色烟雾）下的眼睛鼠标跟随动画效果这是一款基于HTML5 Canvas技术实现的《Kirby》系列游戏中暗物质形式的动态演示。动画中的暗物质「眼睛」会跟随用户的鼠标指针或触摸位置移动，并留下短暂的黑暗轨迹（黑烟）。更有趣的是，动...
双层大巴
仅使用25行 CSS 代码实现的双层巴士原型效果这是一款仅使用单个HTML DIV 元素并通过40个CSS渐变效果总共15行代码实现的简约双层巴士原型效果，基于纯CSS技术实现。这种设计展示了CSS的强大图形生成能力，红黑相间的外观，可用作...
App布局
CSS仿原生应用App体验的移动网站模板布局这是一款模仿原生应用样式的移动网站概念布局，基于HTML、CSS和jQuery技术实现。页面布局采用了滑动面板的设计，当访问不同功能时，相应的面板会滑入视图中，包括支持右至左语言的面板、更多选项...
粒子Logo
方形粒子发射效果的Windows标志Canvas动画这是一款在天空背景下飞行的Windows标志动画，基于Canvas技术实现。动画中，经典的Windows标志的尾部被分解为方形粒子，这些粒子大小不一、颜色各异，形成了一种独特的视觉效果，与其他...
士兵动画
CSS视差效果下的玩具士兵行军动画这是一款玩具士兵行军的视差效果动画，基于CSS技术实现。动画中，一队队玩具士兵有序的排列行进，整个队伍方针在页面中无限穿梭，通过简单的负z轴平移和透视属性创造出引人入胜的视差效果。
放烟花效果
Canvas交互式像素风格烟花燃放与无人机大战动画效果这是一款像素风格的烟火燃放特效，基于HTML5 Canvas技术实现，用户可以点击和拖动来发射自己的烟火。此外，画面中还有小无人机飞过，玩家可以尝试用烟火击落它们，在各类一架无人机离开屏幕前尽可...
春分
「惊蛰」模板2.0，Bootstrap5.3简约布局SpringBoot自助建站博客模板「春分」模板是「惊蛰」模板的另一种风格表现形式，对首页的整体的模块划分与布局做了大规模的调整，这款模板相对于「惊蛰」模板更加的简约，并且也适当的增减了一些板块，下面会做详细介绍。技术实现跟惊蛰博...
倾斜卡片
CSS Grid布局驱动的等轴测卡片滚动效果，常见卡片斜着平铺于页面中这是一款等轴测卡片网格滚动效果，常见的卡片信息倾斜平铺于页面之中，当鼠标悬浮于卡片之上时，卡片会呈现出脱离页面并多层次展示效果。基于CSS Grid + CSS变量技术实现，通过简洁的JavaS...
方块时钟
3D块状数字时钟 - CSS立方体时间显示动画这是一款块状数字时钟效果，完全使用CSS立方体绘制而成。时钟的每一个数字都是由多个立方体组成，这些立方体会根据当前系统时间的变化而移动，从而显示出正确的小时和分钟。这种设计不仅展现了CSS在3D...
CSS饼图
纯CSS实现的饼状图效果 - 简单高效的数据可视化解决方案这是一款使用纯CSS技术实现的轻量级饼图效果，利用了CSS变量和conic-gradient()函数，使得创建饼图变得更加简单和灵活。通过定义不同的变量来控制饼图的颜色和比例，开发者可以轻松地生...