描边卡片
个性波浪动态描边流光卡片，CSS + SVG 动态扭曲边框效果这是一款基于 CSS + SVG 实现的动态边框卡片效果。每张卡片的边框不是普通的直线，而是持续蠕动的波浪曲线，配合外侧的彩色光晕扩散，整体像是卡片在「呼吸发光」。三种配色方案（青色、橙色、紫...
手绘下划线
纯 SVG + CSS 实现的 9 种不同风格手绘下划线悬停动画效果这是一款手绘下划线悬停动画效果，基于CSS动画+SVG Symbols+极简JavaScript技术实现。鼠标悬停导航文字时，会出现手绘风格的下划线，带有轻微的不规则感和动态描绘过程，每次显示还...
卡通小熊
纯 CSS 绘制的抱心小熊卡通插画这是一款纯CSS手绘风格插画效果，基于CSS艺术绘制技术实现。画面展示了一只白色的Q版小熊双手抱着粉色爱心，圆圆的耳朵、水汪汪的大眼睛、腮红和张开的笑嘴，整体造型走的是治愈系可爱路线。技术上完全...
线条阴影
CSS 线条纹理质感文字阴影效果这是一款基于CSS实现的线条阴影效果，通过斜向细线构成文字下方的阴影区域，呈现出类似手绘或技术图纸的视觉风格。相比传统模糊阴影，这种“线状阴影”更具设计感和独特性，适合用于标题、LOGO或需要突...
下划线
GSAP DrawSVG 实现的随机手写般自然”手绘风格“下划线效果这是一款文字随机下划线效果，基于GSAP以及插件 DrawSVG 技术实现，能为指定文字添加灵动的手绘风格下划线，用流畅的绘制动画替代传统死板下划线，鼠标悬停时下划线像手写般自然“画”出来，增强...
自绘动画
CSS+JS手绘图片轮廓，鼠标悬停放大镜显示真实图片细节这是一款手绘风格冬季主题动画，基于SVG路径动画+CSS/JS交互技术实现，通过悬停触发图片细节展示和点击生成更多雪花背景特效，适用于节日营销或创意贺卡场景。
手绘标注效果
SVG+CSS悬停手绘风格圆形及下划线标注动画效果源码下载一款手绘风格圆形及下划线标注重点内容动画效果，在鼠标悬停与重点内容时，可使用此动画在重点内容的外围画圈标注、或者在重点内容的下方划线标注。其中手绘的线型以及圆形是通过SVG实现的，悬停效果是通过...
蠕虫效果
GSAP Canvas 手绘涂鸦蠕虫动画效果这是一款动态手绘蠕虫涂鸦效果，基于GSAP+Canvas技术实现，通过流畅的动画模拟手绘线条的绘制过程，线条以自然的弯曲和抖动效果呈现，为用户带来生动且富有艺术感的视觉体验。适用于创意展示或个性...
迷宫小游戏
基于Canvas+SVG+GSAP实现的钻石迷宫小游戏源码下载这是一款迷宫探索小游戏，基于Canvas+SVG+GSAP技术实现，用户可以在由蓝色方块组成的迷宫中移动，黑色代表可通行区域，蓝色方块代表障碍，红色代表移动目标。通过简单的图像转换（如PNG），...
手绘小心心
SVG+CSS模拟的手绘心形动画，满屏情意满满的小心心！实现了一款SVG结合CSS绘制 hearts（心形）的动画效果，底层基于SVG技术实现，并确保了跨浏览器兼容性。通过模拟自我绘制的可变宽度描边，创造出一种手绘般的心形动画效果。每个心形仿佛是实时...
旋转加载器
SVG 素描3D旋转屋Loading加载中动画效果一款通过SVG实现的3D旋转小屋加载中动画效果，其中小房子素描简笔画及旋转动画是通过SVG实现的。不足百行代码的一款非常轻量级干净的一款预加载器。