消息通知
CSS 创意溅射效果吐司 Toast 通知提示框带来4款极具创意的带溅射效果的吐司 Toast 通知组件，可用在警告提示、错误提示、成功提示以及帮助信息提示场景，通过CSS设置提示信息的background的radial-gradient属性...
团队展示
Tailwind CSS 轮盘交互式团队展示动画效果创意十足的轮盘交互式团队展示效果，是基于 Tailwind CSS 实现的，并且实现了明暗主题模式切换的效果。团队人员围绕圆环进行分布展示，类似于轮盘的效果。当点击员工头像时该员工会置于圆环中心...
预览信息
JavaScript 鼠标悬停消息图标，快捷预览最新提醒信息使用JavaScript结合CSS实现了鼠标悬停在消息图标上预览新信息，当有新消息到达时，消息图标的右上方会出现消息数量，当用户通过鼠标悬停于消息图标之上时，消息数量提示的地方会滚动显示最新的一...
卡片发光
CSS 发光卡片边框动画效果CSS 绘制的发光卡片效果，当鼠标移动到卡片上方时会发出耀眼的不同颜色光亮线条，特别吸引人，其中的光亮转换事件是通过 React 组件重新绘制 DOM 元素实现的，该效果用在重要重要信息的卡片上...
悬浮效果
CSS 实现图片悬停时出现浮层并叠加文字介绍效果CSS实现的图像悬浮展示文字介绍效果，利用 CSS 控制鼠标悬浮事件，并且在悬浮时在图片上方出现浮层效果，浮层上面展示各类宣传文案，并且按钮在鼠标悬浮时会有一个15度的倾斜效果，而且还支持响应...
闪亮标题
响应式炫酷标题闪亮登场效果仅用20行CSS样式代码以及10行JavaScript脚本实现的响应式标题，图标素材使用的SVG，整体特别的轻量级，而且这款标题还能够适配任何设备。最终动画效果：标题文字左侧渐入，紧跟其后是一道...
事件叠加
支持添加、编辑以及删除事件的 Bootstrap 5 日历，支持事件重叠基于 Bootstrap 5 与插件 FullCalendar 实现的日历项目可让您轻松创建和管理事件，该日历时间编辑插件提供了一个简单的界面支持添加、编辑和删除事件，并且允许您自定义事件细节...
悬停图文预览
JavaScript 实现的链接悬停预览图文效果这个由 JavaScript 以及 CSS 组成代码段可实现鼠标悬停时预览链接对应的图文内容，实现的效果是：当用户将鼠标悬停在链接上时，会在卡片中以合理的布局显示图片、标题以及详细说明，您可...
提示框
轻量级网站消息提示框 jQuery 插件这是一个轻量级、跨平台、通用的jQuery Flash消息插件。可在网页的右下角或者左下角弹出消息提示框，该提示框可通过关闭图标或者Esc健关闭，同时，你也可以设置自动消失的时间，该插件自带多种...
发光卡片
基于 CSS 实现带霓虹灯发光效果的可扩展卡片本 CSS 代码片段可创建具有霓虹灯效果的可扩展卡片。初始状态下，卡片只显示缩略图，当鼠标触发悬停事件时，缩略图会以霓虹灯发光的动画效果向上拉伸，卡片会展开以显示内容摘要和 "阅读更多 "按钮，...
占位符
使用 CSS 制作的响应式内容占位符动画这块代码实现了是使用 CSS 创建的动画内容占位符，能为未能及时加载的内容生成类似加载的视觉动画效果，底层实现原理是使用线性渐变为内容占位符创建动画，这种动画可以模拟内容加载或占位符，CSS 动...
Cookie提示
用 jQuery 插件显示 GDPR Cookie 同意信息这是一款基于 jQuery 实现的Cookie提示插件，用于向网站用户显示 GDPR cookie 同意信息，它可在网页左下角或右下角创建模式弹出窗口，显示 cookie 是否符合欧盟法律。支持...