微交互

跟随鼠标、点击反馈、涟漪、震动小交互。

手风琴动画(grid 折叠平滑展开动效)
css · js · 自研
磁场按钮(rAF 插值磁吸跟随按钮动效源码)
css · js · 自研
复选框动画(对勾描线 + 弹性回弹勾选动效)
css · 自研
点击星光(点击任意位置绽放星芒粒子特效)
css · js · 自研
拖拽效果(Pointer Events 自由拖拽回弹源码)
css · js · 自研
悬停磁吸图标(指针靠近图标被吸附的磁力动效)
css · js · 自研
悬停倾斜图标(指针驱动 3D 倾斜图标按钮源码)
css · js · 自研
输入框聚焦动画(浮动标签 + 渐变下划线 + 辉光描边)
css · 自研
汉堡菜单动画(三线变 X 折叠菜单动效源码)
css · js · 自研
通知提示条(Toast 消息组件动画源码,带倒计时进度条)
css · js · 自研
密码可见性切换(眼睛图标动画 + 强度检测源码)
css · js · 自研
步骤进度条(Stepper 分步表单进度组件动画源码)
css · js · 自研
单选框动画(圆点弹性放大 + 波纹扩散选中动效)
css · 自研
涟漪点击按钮(Ripple Effect 水波纹 CSS + JS)
css · js · 自研
输入错误震动反馈(表单校验 Shake 动画)
css · js · 自研
滑块动画(进度填充 + 数值气泡实时显示)
css · js · 自研
主题切换开关(明暗模式切换器动效源码)
css · js · 自研
标签指示器动画(滑动指示条 + 内容淡入切换)
css · js · 自研
弹性开关动画(3 款 Toggle Switch CSS 动效)
css · 自研
工具提示动画(4 向 CSS Tooltip 气泡源码,零 JS)
css · 自研
✍️ 作者与审核