圆弧轮播图
GSAP 创意 3D 弧形滑动图文卡片轮播 HTML 组件,拖拽切换+弹窗放大预览的创意展示方案这是一款3D立体弧形拖拽滑动卡片轮播组件,基于CSS+JavaScript技术实现,通过透视变形和弧形排列营造出强烈的视觉层次感,支持拖拽切换与点击放大预览图文详情内容,交互自然流畅。整体风格...
拖拽列表
CSS+JS列表项通过拖拽轻松调整顺序HTML5源码 - 简化内容管理与任务安排这是一款拖放排序列表效果,基于CSS、JavaScript和HTML技术实现。用户可以通过简单的拖拽操作来重新排列列表中的项目,使内容管理更加直观和便捷。适用于联系人排序、任务管理、项目规划、...
滑动轮播
Swiper JS实现的高颜值磨砂毛玻璃风格「滚动+拖拽」响应式轮播组件这是一款支持左右拖拽滑动的高颜值响应式轮播器,外观特别多时尚,基于Swiper JS+CSS技术实现,通过毛玻璃背景特效和滚动条控制增强视觉层次,支持鼠标滚动+鼠标拖拽两种切换内容方式,适用于食...
圆形范围滑块
HTML+JS半圆形玻璃质感范围滑块效果,以拖拽的方式调整刻度!这是一款圆形范围滑块效果,基于SVG+CSS以及JavaScript技术实现,通过圆形滑块的拖拽交互调整图片的背景亮度数值,滑块的中间是一个控制开关按钮。视觉上独特且直观,适用于音量控制、亮度...
拖拽图形
JS+SVG可拖动连接点多边形效果,纯JS实现的文字拖拽效果源码下载这是一款基于JavaScript生成SVG多边形实现的可拖动连接点效果,通过拖动点动态调整多边形形状,适用于交互式图形编辑场景。
立方体照片墙
GSAP Draggable实现可拖拽的立方体照片墙源码下载,提供互动性3D体验这是一款可拖拽照片立方体效果,基于GSAP Draggable技术实现,用户可通过拖拽旋转立方体,查看不同面的照片,提供互动性3D体验。
拖拽边框
HTML中JS实现可拖拽的边框,验证CSS渐变边框与圆角的良好结合这是一款展示CSS渐变边框与圆角(border-radius)配合效果的互动演示,基于CSS技术实现。它证明了使用覆盖方法创建的渐变边框能够很好地适应圆角,而不会像使用border-image那...
3D时钟
Three.js打造的3D模拟时钟,可通过拖拽的方式360度查看钟表细节这是一款基于Three.js技术实现的三维模拟指针钟表效果。不同于常见的CSS二维时钟,这款时钟利用Three.js的强大功能,创建了一个具有真实光影效果和立体感的三维钟面。并且支持360度全方...
无限滚动
GSAP Observer 垂直无限滚动效果,支持页面拖拽使用GSAP的Observer插件实现垂直方向无限滚动效果,并且支持上下拖拽内容。当用户滚动或者拖拽页面时,内容会不断更新,形成无限滚动的效果。这种效果常用于社交媒体、新闻网站等需要持续加载内容...


