黑白电视
CSS+JS复古黑白模拟电视机，支持频道切换这是一款复古模拟电视效果，基于HTML5、CSS3和JavaScript技术实现，重现了20世纪初黑白电视机的外观和功能，包括屏幕上的雪花噪声、频道切换等细节，为用户带来怀旧的视听体验。
复古iMac
经典重现 - 基于CSS的逼真iMac G3开/关机模拟器这是一款基于CSS实现的逼真iMac G3效果，通过精细的CSS样式和少量JavaScript来模拟真实的iMac G3开机与关机功能。用户可以点击屏幕上的电源按钮来触发开/关机动画，整个过程流...
甩动步进器
CSS创意手滑步进器一款基于CSS+JS实现的上下手滑步进器，通过上下按钮可以控制数字的增长与减少，数字的变化会以铰链的形式翻转，展现出一种复古而有趣的动画效果。这种计数器特别适合用于购物车增减数量等数字更新场景，...
阶段进度条
SVG+JS实现的分段式进度条加载效果这是一款通过CSS+JS+SVG技术实现地分段进度条效果，通过将整个进度条划分为若干个独立的阶段，每个阶段可以根据任务的加载进度调整进度条的加载速度，从而清晰地展示任务的进展过程。这种设计不仅...
提交反馈
CSS+SVG加载过程完成对勾动画反馈效果这是一款加载完成后的勾选反馈动画效果，基于SVG+CSS技术实现，通过简洁流畅的动画展示一个逐渐填充的对勾图标，适用于在用户等待某个操作完成时提供视觉反馈，尤其是在进度不确定的情况下，比如提交表...
铃铛通知
CSS通知小铃铛动画图标，带声波扩散以及摇晃效果这是一款变现力强且趣味性十足的小铃铛通知图标效果，基于CSS+JavaScript技术实现。在传统的通知图标基础上，加入了动画效果，当有新通知时，铃铛会节奏性的摇晃，并且带有声波传输特效。特...
悬浮提示框
CSS带悬浮效果的极简风格高颜值Toast弹出框一款基于CSS结合JS实现的简约风格Toast弹出框不断弹出的效果。总共内置了20种不同情形下的提示框，每当一个通知出现并被关闭时，新的通知会立即取而代之，营造出一种持续不断的动态效果。每个通知...
旋转指南针
CSS+SVG类似于 Safari 图标的旋转指南针预加载器动画效果基于CSS+SVG技术实现一个类似于 Safari 图标的旋转指南针动画效果，中间是一个带发光效果地不断旋转的指南针，外侧是一个不停绘制的半圆环，整体上看非常想Safari浏览器的Logo图标，...
错误提示框
CSS实现创意密码输入框，校验不通过时输入框呈现有趣地晃动动画效果基于CSS实现的一款创意的密码输入框，当用户输入的密码不符合要求（比如长度不足）时，输入框会上下弹跳并且变为红色边框同时显示错误消息。这种设计既有趣又直观，能够吸引用户的注意力并提醒他们修正错误...
提示框
HTML种实现的cookie、重要信息、获奖以及邮件发送四种场景提示框为了在提示用户信息时提升用户体验，基于CSS结合JavaScript设计了四种风格弹出通知（Popup Notification），分别是：cookie提示框、重要信息提示框、获奖通知提示框以...
定制提示框
HTML定制Toast（吐司）通知提示框样式基于CSS结合JavaScript技术在HTML页面中实现支持定制样式的响应式吐司（Toast）通知效果，总共提供了4种风格的提示框，分别是成功提示框、警告提示框、错误提示框以及定时提示框。T...
消息通知
CSS 创意溅射效果吐司 Toast 通知提示框带来4款极具创意的带溅射效果的吐司 Toast 通知组件，可用在警告提示、错误提示、成功提示以及帮助信息提示场景，通过CSS设置提示信息的background的radial-gradient属性...