悬停视差倾斜卡片
霓虹玻璃质感 3D 交互卡片效果,支持悬停视差与多语言布局这是一款霓虹玻璃质感 3D 交互卡片效果,基于 CSS 3D 变换与语义化 HTML 技术实现,包含 6 种差异化设计风格,支持悬停视差倾斜、轮播切换、多语言 RTL 布局,适配全设备尺寸并遵循...
商品轮播
SwiperJS 带进度联动动画商品轮播,电商鞋服产品展示轮播组件!这是一款基于 SwiperJS 实现的带进度联动动画的商品轮播组件,依托 SwiperJS 原生能力开发,轮播切换时同步触发流畅的进度动画与商品视觉动效,交互丝滑自然。极简的界面设计能最大化突出...
3D图文卡片
CSS实现3D悬浮立体的产品展示效果,底部产品图+文字悬空+360度旋转展示动画这是一款基于CSS实现的 3D 卡片展示效果,通过纯CSS的透视与变换技术,打造具有立体感和空间层次的视觉呈现。图片卡片位于最底层,中间以及最上层展示文案,仿佛悬浮于页面之上,整体360度旋转展...
3D轮播图
GSAP响应式无限3D轮播组件,支持鼠标滚动以及导航按钮切换图片这是一款无限3D轮播效果,支持响应式布局,基于GSAP+CSS技术实现,通过3D翻转、图片倒影以及流畅动画模拟立体滑动展示,并且支持左右导航按钮以及鼠标滚动轮播切换图片,适用于媒体库、产品陈列或...
堆叠切换
CSS实现简洁的堆叠图文轮播切换插件这是一款图像堆叠到一起循环轮播展示的效果,基于CSS与HTML技术实现,利用少量的HTML代码和精简的JavaScript逻辑来创建一个简易而高效的图片轮播组件。每个项目由图文元素构成,包含标题...
垂直轮播
响应式垂直剪裁路径幻灯片 - Swiper JS 点状分页动画导航这是一款响应式垂直轮播切换效果,基于Swiper JS插件和CSS3 clip-path属性实现,通过剪裁路径动画创造出独特的过渡效果。用户既可以通过点击右侧的点状分页导航,也可以使用鼠标滚轮来...
无限滚动
GSAP Observer 垂直无限滚动效果,支持页面拖拽使用GSAP的Observer插件实现垂直方向无限滚动效果,并且支持上下拖拽内容。当用户滚动或者拖拽页面时,内容会不断更新,形成无限滚动的效果。这种效果常用于社交媒体、新闻网站等需要持续加载内容...
圆点切换
CSS控制轮播切换的一串圆点按钮基于CSS和JavaScript实现了一串间隔有序的蓝色实心小圆点,当任意点击其中一个圆点时,被点击的圆点会突出放大显示并变为空心圆点效果,相邻两个圆点也会适当放大,其他圆点没有各类变化。其中...
轮播插件
React 实现带鼠标追随效果的轻量级轮播切换组件,完全响应式布局!使用 React 构建的轻量级轮播与幻灯片插件,外观特别的时尚大方简约,其中的鼠标追随效果是通过设置当前幻灯片的 x 和 y 坐标的CSS值,以便在鼠标移动时创建跟踪鼠标的动态过渡效果。切换等交...
客户反馈
Tailwind CSS 客户评价布局模板,支持多个反馈信息手动切换效果使用Tailwind CSS创建的一款时尚简约且布局合理的客户反馈模块模版,色彩采用的是黑白搭配的简约风格,可放置多个客户反馈信息,支持手动轮播切换,每个客户反馈信息涵盖客户信息、点评信息以及头...
揭幕式轮播
带波浪切换按钮效果的响应式 gsap 内容轮播组件gsap实现的揭幕式动画效果内容轮播切换插件,配备了基于 CSS 创建的波纹扩散动画效果的左右切换按钮,通过gsap组件实现的揭幕式切换动画效果,丝滑顺畅给用户一种利索的感觉。
