肥皂泡动画
纯 CSS 肥皂泡特效：渐变干涉色+多层高光的写实气泡这是一款写实肥皂泡效果，基于纯 CSS 实现，整个页面只有两个空标签，没有图片、没有 JS。泡泡的通透感全靠渐变叠加：一层径向渐变把中心掏空，两层方向相反的彩虹线性渐变被挤到上下边缘，再用 sc...
动态海浪背景
冲浪天气预报网页模板：SVG 动态海浪+潮汐图表+七天预报这是一款冲浪状况报告页效果，基于 HTML+CSS+SVG+JavaScript（GSAP ScrollTrigger）实现。首屏的海浪不是画好的图片，而是用多组正弦波叠加实时算出来的路径：振幅...
移动端菜单
12 种移动端菜单交互效果合集（HTML+CSS+JS 可交互演示）这是一款移动端菜单交互合集效果，基于原生 HTML+CSS+JavaScript 实现，把手机上常见的 12 种导航形态集中做成了可以真实操作的样例：汉堡抽屉、侧边导航条、底部标签栏、悬浮球速拨...
Leaflet地图
Leaflet 自定义样式地图 — 十几套配色一键切换，带自动降级容错这是一款自定义样式地图效果，基于 Leaflet 地图框架实现，配合 GoogleMutant 插件把谷歌地图的配色方案套进来。页面左侧是一块半透明控制面板，顶部标题下方有个下拉框，列出十几套现...
GSAP轮播
GSAP 流媒体首页轮播特效 — 仿 Netflix 拖拽切换，无限循环带视差这是一款流媒体首页轮播效果，基于 GSAP + Draggable 实现，整体是仿 Netflix 那类影视平台的界面。屏幕中央是当前主推的片子，海报大图配上标题、匹配度、年份、分级、画质标签和...
文本高亮
CSS Custom Highlight API 实现无 DOM 污染的文本分类高亮效果这是一款动态多色文本分类高亮效果，基于 JS (CSS Custom Highlight API) 与 CSS 技术实现。它无需像传统方案那样在页面中插入大量 <span> 标签，就能以原生的方...
Tab选项卡切换
基于GSAP/SplitText实现的动态文本切换Tab选项卡效果这是一款文本拆分无缝过渡的Tab选项卡动效，基于 GSAP 与 SplitText 插件技术实现。切换标签时，新旧文本通过逐字、逐行的平滑淡入位移自然衔接，打破了传统Tab切换的呆板感。个人认为...
梅颂
米骨色调+杂志编辑风格实现的房产中介专用 Tailwind CSS 响应式网站模板这套以杂志编辑风为灵感、纯手工打造的 HTML 响应式网站模板，面向精品房产中介、奢华房源代理及独立地产顾问，呈现出一种安静且克制的看房体验。整体采用温润的米骨色调搭配赤陶色点缀与发丝级细节线条...
分类筛选标签组
音乐分类多选标签卡片组件，CSS 多选筛选交互效果这是一款音乐分类多选交互效果，基于 CSS+JavaScript 技术实现，以带图标的圆角卡片呈现不同音乐类目，选中状态有高亮边框与勾选标识，顶部实时同步已选列表并支持批量确认，适用于音乐平台、...
福务社
本地生活服务平台 Bootstrap 网站模板，支持多类目服务集市与预约系统搭建这是一款专为本地生活服务集市及预约系统设计的现代化 HTML 响应式网站模板。无论你想搭建家政服务平台、搬家配送、水电维修、零工接单还是多商家服务目录，这套模板都提供了完整的页面结构与业务组件，...
艾特文
商务咨询与企业服务机构专属 HTML 响应式网站模板，多首页布局，GSAP动效加持这是一款面向咨询公司、财务顾问、律所、营销机构、人力资源及初创企业设计的专业商务HTML模板。区别于普通企业模板，这套模板集成了 GSAP（GreenSock）动画引擎，页面过渡、悬停交互、滚动...
卡斯尔
金融服务与咨询网站 HTML 响应式模板，适合银行、保险、投资及企业咨询机构的专业建站方案这是一款基于 Bootstrap 5 框架开发的金融行业网站模板，专为财务咨询、保险机构、贷款服务、投资顾问、税务审计等金融及企业服务类公司设计。模板整体风格专业稳重，视觉表达具有信任感，非常契...