积雪网页
让网页也下雪（CSS+JS）：一键生成真实感积雪边框！这是一款冬季主题的“积雪层”视觉效果，基于CSS实现，通过为任意元素添加“collider”类，即可在顶部自动生成自然的积雪边缘。画面中卡片顶部覆盖着不规则的雪堆，配合飘落的雪花背景，营造出浓厚...
资料卡片
用户资料卡片组件，支持明暗模式与丝滑的悬停详情展示动画这是一款支持明暗模式切换的动画用户卡片组件，基于 CSS 过渡动画技术实现，支持悬停卡片展示用户详细信息，并提供关注及粉丝数等功能按钮，此外还支持轻盈浅色与沉稳深色两种样式的平滑切换，卡片既能清...
无线轮播卡片
GSAP 无限滚动吸附卡片组件：丝滑循环的互动内容轮播，打造丝滑流畅的交互体验这是一款 GSAP 无限滚动吸附卡片效果，基于 GSAP+ScrollTrigger+CSS 技术实现 ，支持平滑拖拽、自动吸附与循环播放。用户可以自由滑动浏览卡片，系统会智能地将内容无缝衔接，...
艾尤斯
专业教育网站 HTML 响应式模板大合集，14款首页适配14种教培行业 + 65个功能内页这是一款专为教培行业打造的高端 HTML 响应式网站模板，无论你想做在线课程平台、学校官网、培训机构网站、老师个人主页或兴趣学习类平台，都能用它快速搭建一个专业、美观、结构清晰的教育网站。模板提...
滚动卡片
GSAP立体光影卡片滚动轮播效果，让内容展示更有层次感这是一款滚动卡片轮播效果，基于 GSAP 、ScrollTrigger技术实现，滑动鼠标或者拖动卡片切换时，通过径向渐变模拟卡片的光影变化，让卡片在滚动切换时呈现出立体感和层次感，视觉上更接近真...
曲线路径轮播
纯CSS打造自定义曲线路径卡片轮播动画效果这是一款纯 CSS 实现的卡片路径滚动轮播，无需JavaScript，仅通过关键帧动画和transform属性控制每张卡片的位置与旋转，就能让卡片沿着自定义的非直线路径做循环滚动 —— 卡片还带...
雪花背景卡片
带动态下雪动画背景的卡片（CSS+JS）一款基于CSS+JS实现的动态下雪背景卡片，卡片最底层是一张冬季雪地场景图片，图片上写着文字，卡片的上方飘扬着雪花，像是一张爱情宣言卡片，透露着浪漫情调。
天气卡片
会下雪的天气卡片：动态雪天天气小组件（CSS+JS）这是一款极简风格的雪天天气小部件，基于CSS动画与JavaScript交互实现，通过模糊背景图与动态粒子营造出真实感十足的降雪氛围。太阳与月亮会随时间平滑移动，云层缓缓飘过，雪花持续飘落，视觉上...
滑动轮播
纯 CSS 滚动式图文卡片轮播组件，带左右与底部指示点联动导航按钮这是一款纯CSS实现的轮播图效果，利用先进CSS属性 ::scroll-* 伪元素和容器查询技术，让当前展示项在滚动切换时自动触发动画，无需JavaScript即可完成流畅的视觉过渡。中间卡片放...
游戏角色卡片
3D翻转式霓虹玻璃质感RPG游戏角色卡：一张卡片，两种世界这是一款可翻转式玻璃态 RPG 角色卡片 UI，基于纯CSS3+原生JavaScript实现，把现代界面质感和游戏沉浸感结合得很巧妙，融合了玻璃拟态、霓虹光效和宇宙星空背景，打造出极具沉浸感的游...
图文轮播
中心焦点放大式图文轮播组件：让重点内容自动“站C位”（CSS+JS）这是一款中心放大式生产力卡片轮播，基于 HTML、CSS以及JS 技术实现（全程未依赖第三方库），采用连续无分页的“单轨道连续滚动”形式，中间活跃卡片会自动放大突出重点，两侧还能显示两张迷你卡...
卡片边角
用CSS剪裁卡片倒圆角边框，打造高级感卡片边框设计这是一款带倒圆角的步骤引导卡片，基于CSS clip-path: shape() 技术实现，它把普通卡片的圆角做了 “倒切” 设计，视觉上比常规圆角更有新意、不单调，通过巧妙裁剪元素边缘，让卡...