纯 CSS 磨砂玻璃风文件夹悬停升起特效

个性文件夹

纯 CSS 磨砂玻璃风文件夹悬停升起特效

这是一款质感细腻的磨砂玻璃风(Glassmorphic)文件夹交互特效,基于 Tailwind CSS 与高级渐变背景技术实现。该设计巧妙运用了半透明背景模糊(backdrop-blur)与内阴...

GSAP实现的3D沉浸式图文切片卡片自动切换效果,营造出极强的艺术感与空间纵深感

卡片堆叠切换

GSAP实现的3D沉浸式图文切片卡片自动切换效果,营造出极强的艺术感与空间纵深感

这是一个极具视觉冲击力的3D沉浸式图文卡片切换效果,基于GSAP(GreenSock Animation Platform)与CSS 3D转换技术实现。它通过独特的“中心焦点+背景模糊切片”的堆...

毛玻璃泛光背景卡片组,基于CSS智能无重叠模糊背景技术实现

泛光卡片组

毛玻璃泛光背景卡片组,基于CSS智能无重叠模糊背景技术实现

这是一套采用CSS Backdrop Filter实现的毛玻璃泛光背景卡片组,通过独创的布局算法确保各卡片背景模糊区域完全独立,彻底解决传统毛玻璃效果常见的重叠发白问题。每张卡片保持自身模糊区域...

CSS背景逐渐模糊效果,可以形象的模拟太阳的升起与降落

背景滤镜

CSS背景逐渐模糊效果,可以形象的模拟太阳的升起与降落

​这是一款背景模糊效果,基于CSS的backdrop-filter属性实现,能够将元素背后的内容进行模糊处理,同时保持前景内容的清晰度,常用于模态框、菜单以及模拟太阳升起、降落等场景,以增强视觉...