标签切换
CSS 高级 Tabs 标签页组件：选项卡该有的样子！这是一款精致的 Tabs 标签页切换效果，基于 CSS + JavaScript 技术实现，当前激活项以青紫色渐变胶囊背景高亮显示，切换时内容区域平滑过渡，配合深色毛玻璃风格整体质感相当克制且高级。
手绘下划线
纯 SVG + CSS 实现的 9 种不同风格手绘下划线悬停动画效果这是一款手绘下划线悬停动画效果，基于CSS动画+SVG Symbols+极简JavaScript技术实现。鼠标悬停导航文字时，会出现手绘风格的下划线，带有轻微的不规则感和动态描绘过程，每次显示还...
文字填充
纯 CSS 文字下划线填空滚动轮播交互效果这是一款句子填空动画效果，基于纯 CSS 技术实现。一句话被拆成几段，中间留出空位，关键词用红色高亮并带下划线强调。视觉上像是在做英语填空题，但这里的"空"会动态滑入不同的词汇，让整句话的意思...
跳动下划线
自定义 SVG 上下跳跃动画“调皮”下划线效果这是一款自定义下划线动画效果，基于SVG与CSS实现，通过动态线条勾勒出文字下方的强调线，能给文字里的重点内容加上灵动的动态下划线（标记文字被一条绿色弓形波浪线轻轻托起，仿佛在传递一种克制却真挚...
下划线
GSAP DrawSVG 实现的随机手写般自然”手绘风格“下划线效果这是一款文字随机下划线效果，基于GSAP以及插件 DrawSVG 技术实现，能为指定文字添加灵动的手绘风格下划线，用流畅的绘制动画替代传统死板下划线，鼠标悬停时下划线像手写般自然“画”出来，增强...
作品集导航
GSAP霓虹灯弹性伸缩下划线动画导航效果这是一款具有物理弹性的导航菜单，基于GSAP动画引擎开发，菜单项在点击交互时下方会产生霓虹动画下划线重点标注，带来极具质感的用户体验。特别适合设计师、创意机构等需要展示视觉作品的场景，显著提升用...
波浪下划线
动态SVG链接悬停下划线效果 - 为增添灵动交互这是一款链接悬停下划线动画效果，基于CSS+SVG技术实现，当鼠标悬停在链接上时，SVG线条会以流畅的动画勾勒出波浪、曲折以及箭头下划线，视觉反馈细腻且充满科技感。
便签待办
CSS+JS便签风格待办清单 - 可划线标记+悬停交互设计这是一款便签式待办事项工具，基于HTML+CSS+JS技术实现，将任务列表与便签纸的视觉风格结合，支持悬停效果和动态标记，适用于个人日程管理、团队任务看板等需要灵活记录的场景。
标记文本
CSS四款文本悬停标记与突出效果，让关键文字脱颖而出！这是一组纯CSS实现的多样化文本悬停交互效果，包含3D突出、变色、阴影、变形、包裹、下划线、下滑曲线等常见动效，适用于快速提升按钮/卡片/链接的视觉反馈体验。
手绘标注效果
SVG+CSS悬停手绘风格圆形及下划线标注动画效果源码下载一款手绘风格圆形及下划线标注重点内容动画效果，在鼠标悬停与重点内容时，可使用此动画在重点内容的外围画圈标注、或者在重点内容的下方划线标注。其中手绘的线型以及圆形是通过SVG实现的，悬停效果是通过...
加载中效果
CSS下划线追随逐字显示的Loading加载中动画效果这是一款带下划线追随并逐字显示的Loading加载中动画效果，基于纯CSS技术实现，仅50多行代码非常的简洁。是一种线性填充渐进式加载效果，并能够很好地适应各种屏幕尺寸。