电子屏|点阵像素
纯 CSS 像素点阵模拟的高性能数字化电子显示屏效果这是一款工业级 LED 点阵像素显示屏效果，基于 CSS 网格遮罩（Masking）与纹理平铺技术实现。它通过极其细腻的点阵颗粒模拟出物理显示器的发光特性，文字或图形在网格中呈现出独特的“数字化...
皇城黄
AI算力科技公司专用 Bootstrap5 响应式中文网站模板这款中文模板基于主流前端框架 Bootstrap 5.x 打造，整体视觉采用白色、金色、橙色的亮色科技系配色，营造出专业、可信、具未来感的企业科技形象。模板的设计逻辑来自真实 AI 科技公司的官...
玻璃背景时钟
液态玻璃风格实时数字时钟（SVG+CSS）这是一款液态玻璃实时数字时钟效果，基于 SVG 滤镜 + 遮罩技术实现，它把实时数字时钟做成了带流体质感的 “液态玻璃” 样式，数字会呈现动态的流体扭曲效果，背景是SVG+webm视频素材实现；...
滚动切图
GSAP滚动时固定图片，利用蒙版特效逐步展示图片从而实现图片切换这是一款滚动时的图片遮罩渐显效果，基于 CSS + JavaScript（借助 GSAP 动画库）技术实现，通过固定图像并配合动态蒙版，在用户滚动页面时逐步揭示图片内容，能让图片在滚动过程中，像...
悬浮导航
CSS悬浮菜单按钮与扇形菜单项结合的创意导航 HTML5 源码这是一款悬浮动作按钮（FAB）与大菜单结合的创意导航效果，基于CSS+SVG技术实现。当用户点击绿色的悬浮按钮时，一个带有背景遮罩的大菜单会优雅地展开，提供多种功能选项，如图片、笔记、消息和联系...
渐入动画
基于CSS mask遮罩技术实现的9款富友创意地图片、卡片渐入动画集合这是一组基于CSS mask遮罩技术实现的渐入动画效果，借助 CSS 等技术，能呈现包括从左滑入、从上滑入、从底部擦入、从顶部擦入、螺旋中心展开、全屏擦入、中心生长和边缘生长等多种富有创意的渐入...
流光卡片
SS+JS边缘流光卡片HTML源码，支持鼠标追踪渐变动画特效以及亮暗主题切换卡片这是一款极具创意的带交互效果地动态光效卡片组件，采用CSS网格渐变与JS多重遮罩技术混合实现。突破传统径向渐变跟随效果，通过创新的锥形渐变遮罩系统，使边缘光效能智能感知鼠标距离，产生自然的呼吸式...
魔法边框
CSS按钮悬停边框绘制动画效果，三种边框动效可供选择这是一款魔法悬浮边框特效组件，基于CSS混合模式与伪元素技术实现，提供标准边框和遮罩边框两种动态悬浮效果，适用于产品卡片、导航菜单、标题按钮等需要精致悬停反馈的交互场景。
液态遮罩
WebGL液态汽油花遮罩内容揭示效果，挥舞鼠标散开油渍液体关键内容逐渐显示这是一款液态内容揭示效果，基于WebGL技术实现，通过鼠标移动散开动态的液体遮罩，平滑地展示隐藏内容，适用于高端产品展示、创意网站开场等需要吸引用户注意力的场景。
遮罩切割图片
CSS图片遮罩裁剪分割特效，悬停时恢复图片原始状态这是一款动态图像遮罩效果，基于CSS mask-image 和 过渡动画 实现，悬停时通过渐变、形状切割裁剪或混合模式实现视觉变换，适用于作品集、相册或产品展示的交互增强。
