个性时钟
原生 CSS+JS 实现的竖排时钟特效 | 多风格可切换的创意数字时钟组件这是一款竖排数字时钟效果，基于 CSS + JS 技术实现。时钟将每一位数字纵向排列成列状，整体呈"十字交叉"布局展示当前时间，视觉上颇具设计感。亮点在于内置多套风格皮肤——齿轮时钟、卡片时钟、...
天气卡片
会下雪的天气卡片：动态雪天天气小组件（CSS+JS）这是一款极简风格的雪天天气小部件，基于CSS动画与JavaScript交互实现，通过模糊背景图与动态粒子营造出真实感十足的降雪氛围。太阳与月亮会随时间平滑移动，云层缓缓飘过，雪花持续飘落，视觉上...
状态流转
HTML中实现外卖餐品订单状态追踪小组件这是一款通过CSS实现的外卖订单状态流转指示小部件，仿照了美国外卖平台DoorDash的一款iOS小部件设计，用于实时跟踪食物订单的状态。该组件可应用于电商物流状态追踪、外卖订单状态追踪以及其他...
天气小组件
在HTML中基于JS和CSS实现的一款天气预报小组件Widgets在HTML中基于JS和CSS实现的一款天气预报小组件Widgets，具有两种模式：简约模式和扩展模式，这两种模式可通过点击内容进行切换。在简约模式下，只显示城市名、当前温度和天气状况；在扩展模式...
滚动指示
CSS创意闹钟效果鼠标滚动指示器小组件该代码片段创建了一个由鼠标滚动驱动的小闹钟动画计时器，其中小闹钟图标是通过SVG矢量图创建的，底层完全使用CSS实现滚动计数和指针滑动效果。小闹钟下方的进度百分比会根据滚动位置更新，闹钟的指针以...