迷宫小游戏
基于Canvas+SVG+GSAP实现的钻石迷宫小游戏源码下载这是一款迷宫探索小游戏,基于Canvas+SVG+GSAP技术实现,用户可以在由蓝色方块组成的迷宫中移动,黑色代表可通行区域,蓝色方块代表障碍,红色代表移动目标。通过简单的图像转换(如PNG),...
预加载器
12款CSS和SVG实现的超简约风格圆形Loading加载中效果合集实现了12款Loading加载中特效,其中前两款是基于SVG实现的,后面十款全部是基于CSS实现的,每一款实现都非常简单,不超过20行代码。用在网站加载间隙特别合适!
玻璃卡片
GSAP+SVG高性能玻璃质感银行卡等卡片效果这是一款优化性能的玻璃卡片效果,基于SVG和GSAP技术实现。案例中实现的一张玻璃质感透明的visa银行卡片。为了确保出色性能,此效果并未使用SVG模糊滤镜,而是采用了一张经过模糊处理的JPG图...
SVG模糊效果
SVG动态模糊光晕Blob动画背景效果,支持自定义光晕长宽尺寸这是一款模糊的SVG Blob动画效果,基于CSS和SVG技术实现。动画中的Blob形状从模糊状态逐渐清晰化,同时伴随着形态上的流动变换,创造出一种有机且动态的视觉体验。这种效果常用于背景或装饰...
模糊擦除效果
CSS+SVG 高斯模糊图片背景效果,GSAP实现追随鼠标局部擦除模糊效果这是一款高斯模糊背景图片效果,基于GSAP+CSS+SVG技术实现,鼠标在图片上移动交互过程中,除了焦点区域保持清晰外,周围的图片背景元素会呈现出不同程度的高斯模糊效果,使得用户注意力集中在鼠标...
悬停发光卡片
CSS与SVG打造的颗粒渐变卡片与悬停发光特效这是一款颗粒渐变卡片悬停效果,基于CSS+SVG技术实现,卡片元素采用带有质感的颗粒状渐变背景,当鼠标悬停时,卡片展现出精致的边框渐变(发光发亮)和动态交互效果,增强了视觉层次感与用户互动体验。
脉冲扩散效果
SVG+CSS圆形逐渐扩散形成的脉冲动画效果这是一款脉冲动画效果,基于SVG与CSS技术实现,通过SVG图形和CSS动画的结合,模拟了圆点周边光波有节奏地膨胀扩散效果,如同心跳般的脉动。这种动画常用于按钮、图标或其他界面元素上,以吸引用户...
镜面分离效果
SVG导航菜单项图标带磨砂玻璃悬停效果这是一款SVG图标玻璃态效果,基于纯CSS+SVG技术实现,在用户悬停图标时展示出类似毛玻璃的半透明模糊效果。此效果无需JavaScript支持,完全通过CSS和SVG的结合来创建一个现代感十足...



