GSAP 异步加载动画

GSAP+SVG 实现丝滑异步加载器，电商下单与删除按钮状态动画

这是一款基于 HTML+CSS+JavaScript+GSAP+SVG 技术实现的高品质异步加载器效果，专为电商按钮交互设计，提供购买成功和删除失败两套完整的状态动画流程。无论异步操作时长如何变...

网格布局

CSS实现响应式网格菜单布局

通过CSS实现的响应式菜单网格布局，无论是手机、平板还是电脑设备都能良好展示。在页面的左上方设置了一个典型的三条杠菜单图标按钮，点击该按钮会呈现出全页面的菜单网格布局，这时候左上角的菜单按钮变为...

叉号

CSS实现的两种款式错误叉号图标

基于CSS实现的两款表示错误信号的图标，只需要10行左右的CSS便可实现，中间是一个错误叉号外围是圆圈，圆圈⭕️包围❌叉号，很典型的错误信息表示方法，很实用的一个图标。底层基于CSS的borde...

消息通知

CSS 创意溅射效果吐司 Toast 通知提示框

带来4款极具创意的带溅射效果的吐司 Toast 通知组件，可用在警告提示、错误提示、成功提示以及帮助信息提示场景，通过CSS设置提示信息的background的radial-gradient属性...