音乐播放器
波浪线媒体（音乐）播放卡片（CSS+JS）这是一款仿 Google 风格的音乐播放卡片效果，基于 CSS + JS 技术实现。进度条被替换成一段动感的波浪曲线，视觉上比普通直线更有活力，整张卡片以专辑封面作为背景，叠加毛玻璃质感的控制区...
描边卡片
个性波浪动态描边流光卡片，CSS + SVG 动态扭曲边框效果这是一款基于 CSS + SVG 实现的动态边框卡片效果。每张卡片的边框不是普通的直线，而是持续蠕动的波浪曲线，配合外侧的彩色光晕扩散，整体像是卡片在「呼吸发光」。三种配色方案（青色、橙色、紫...
跳动下划线
自定义 SVG 上下跳跃动画“调皮”下划线效果这是一款自定义下划线动画效果，基于SVG与CSS实现，通过动态线条勾勒出文字下方的强调线，能给文字里的重点内容加上灵动的动态下划线（标记文字被一条绿色弓形波浪线轻轻托起，仿佛在传递一种克制却真挚...
下划线
GSAP DrawSVG 实现的随机手写般自然”手绘风格“下划线效果这是一款文字随机下划线效果，基于GSAP以及插件 DrawSVG 技术实现，能为指定文字添加灵动的手绘风格下划线，用流畅的绘制动画替代传统死板下划线，鼠标悬停时下划线像手写般自然“画”出来，增强...
波浪下划线
动态SVG链接悬停下划线效果 - 为增添灵动交互这是一款链接悬停下划线动画效果，基于CSS+SVG技术实现，当鼠标悬停在链接上时，SVG线条会以流畅的动画勾勒出波浪、曲折以及箭头下划线，视觉反馈细腻且充满科技感。
波浪线
超轻量级Canvas波浪动画（仅2KB，纯JS实现）这是一款极简的波浪动画效果，基于纯JavaScript和Canvas技术实现，代码精简至2KB，不依赖各类第三方库。它的特点是高性能、低资源占用，适合嵌入网页背景、数据可视化或微交互场景，能为静...
标记文本
CSS四款文本悬停标记与突出效果，让关键文字脱颖而出！这是一组纯CSS实现的多样化文本悬停交互效果，包含3D突出、变色、阴影、变形、包裹、下划线、下滑曲线等常见动效，适用于快速提升按钮/卡片/链接的视觉反馈体验。
彩色波浪曲线
Canvas 动画彩虹波浪效果，逼真的心电图波浪曲线动画这是一款动画彩虹波浪效果，基于HTML5 Canvas技术实现，用户能在网页上看到一条色彩渐变的波浪线在画布上流动，产生绚丽的彩虹色动画效果。可以模拟心电图或其他电波等数据图效果使用
水波纹
SVG波浪线波动起伏动画效果，含多种颜色以及多种弯曲弧度这个效果通过使用SVG（可缩放矢量图形）和CSS以及少量的JS代码创建的波浪动画。实现原理：通过动画化SVG polyline 元素的点（points），使其呈现出波动的效果，看起来像是水波或海浪。
线条
CSS实现的折叠曲线、波浪线以及虚线等线条效果通过设置CSS属性mask的不同属性值创建的折叠曲线、波浪曲线以及虚直线线条效果，每种线条都提供了横向与纵向两种样式，可根据需求自定义线条的颜色、粗细以及曲折度。