跳动下划线
自定义 SVG 上下跳跃动画“调皮”下划线效果这是一款自定义下划线动画效果，基于SVG与CSS实现，通过动态线条勾勒出文字下方的强调线，能给文字里的重点内容加上灵动的动态下划线（标记文字被一条绿色弓形波浪线轻轻托起，仿佛在传递一种克制却真挚...
404页面
带“叹气”表情动画的404创意 HTML 页面布局（CSS+SVG）：让错误页面也有人情味这是一款创意404错误页面动画效果，基于CSS+SVG技术实现，把数字 “4”“0”“4” 拼成了委屈的人脸样式，通过简单的线条变化呈现出沮丧、无奈的表情动态。它用幽默的方式化解用户访问失败时...
游戏角色卡片
3D翻转式霓虹玻璃质感RPG游戏角色卡：一张卡片，两种世界这是一款可翻转式玻璃态 RPG 角色卡片 UI，基于纯CSS3+原生JavaScript实现，把现代界面质感和游戏沉浸感结合得很巧妙，融合了玻璃拟态、霓虹光效和宇宙星空背景，打造出极具沉浸感的游...
玻璃背景时钟
液态玻璃风格实时数字时钟（SVG+CSS）这是一款液态玻璃实时数字时钟效果，基于 SVG 滤镜 + 遮罩技术实现，它把实时数字时钟做成了带流体质感的 “液态玻璃” 样式，数字会呈现动态的流体扭曲效果，背景是SVG+webm视频素材实现；...
俏皮文字
基于 GSAP+SVG 的趣味文字悬停“弹性跳动”动画效果，风格俏皮活泼这是一款趣味 SVG 悬停动画效果，基于 CSS+GSAP+SVG 技术实现，鼠标悬停时标题文字与下方曲线会呈现“弹性跳动”地灵动的动态变化，风格俏皮活泼。整体风格简洁可爱，色彩柔和，充满趣味性...
播放暂停按钮
基于 SVG 的播放 / 暂停按钮描边动画效果这是一款基于SVG的媒体控制播放/暂停按钮描边动画效果，通过巧妙控制线条的绘制长度与动画时机，实现流畅的视觉过渡效果。点击时，圆形边框由“播放”图标动态变为“暂停”状态，线条逐步填充形成双竖线...
缺口圆角
基于 CSS 的分段圆角角形效果，仅使用一个div，30行代码实现！这是一款基于 CSS 实现的分段圆角、四边角效果，通过对圆角边框进行分段设计，通过巧妙运用边框与伪元素，打造出具有科技感的“缺口圆角”视觉样式，整体呈现出一种未来感十足的几何轮廓，该效果无需额外...
下划线
GSAP DrawSVG 实现的随机手写般自然”手绘风格“下划线效果这是一款文字随机下划线效果，基于GSAP以及插件 DrawSVG 技术实现，能为指定文字添加灵动的手绘风格下划线，用流畅的绘制动画替代传统死板下划线，鼠标悬停时下划线像手写般自然“画”出来，增强...
蜘蛛时钟
极具创意的万圣节诡异蜘蛛爬行模拟时钟（SVG+GSAP）这是一款万圣节主题的蜘蛛时钟效果，基于 CSS + JavaScript（借助 GSAP 动画库及 MorphSVGPlugin）技术实现，以蜘蛛造型的指针在蛛网与数字构成的时钟界面上动态摆动，...
剪刀时钟
尽显设计感的极简线条勾勒的剪刀形状模拟时钟效果，剪刀的张合移动模拟指针的运动这是一款基于CSS+SVG实现的极简线条风格模拟时钟效果，采用流畅的白色轮廓设计，以简洁的线条勾勒出时钟轮廓与指针，这里指针的形状被设计为剪刀形状，剪刀的一次张合代表着秒针指针的一次行走，达到...
倒计时
GSAP鲜红闪烁数字倒计时组件，紧张压迫感极强的2025万圣节倒计时效果这是一款万圣节倒计时效果，基于 GSAP+CSS+SVG+Canvas 技术实现，以带有颗粒感的红色闪烁荧光数字展示剩余天、时、分、秒，营造出神秘惊悚的节日氛围，适用于万圣节活动预热、主题营销等...
耐信
创意设计企业及数字营销公司专属 Bootstrap 网站模板，打造专业品牌形象与高转化率官网这是一款为设计公司、创意机构、数字营销公司、科技创业团队与设计工作室量身打造的高端 HTML5 响应式网站模板。内置了超过25+HTML内页，功能相当的齐全，像作品展示、新闻资讯以及服务等网站核...