
翻滚轮播
纯CSS 3D立方体旋转轮播图这是一款仅用CSS实现的3D立方体轮播效果,通过transform和animation模拟立体翻转与平滑滚动,无JavaScript依赖,适用于产品展示或创意视觉幻灯片场景。

对话框轮播
HTML带缩略图预览效果的弹出对话框图片轮播插件源码下载,可与图文富文本页面完美结合这是一款放置于图文页面的响应式对话框幻灯片效果,基于JavaScript技术实现,幻灯片内容从JSON对象动态加载,支持主图与缩略图切换,提供简洁的浏览体验。

产品展示
HTML交互式产品展示卡片与多维信息浏览布局效果这是一款产品展示卡片效果,基于HTML5 + CSS + JavaScript技术实现。此效果集成了幻灯片展示、弹出框模态图像查看和标签内容切换功能,为用户提供了一个交互性极强的产品浏览体验。这...

百叶轮播
HTML中实现Trivision广告牌风格的百叶式三棱柱幻灯片动画效果这是一款三图像分割的 Trivision 百叶式三棱柱广告牌效果幻灯片,基于纯 CSS 技术实现,特别的轻量级。幻灯片中的每张图片都被分割成三角棱柱的侧面,动画效果模仿了Trivision广告牌...

垂直轮播
响应式垂直剪裁路径幻灯片 - Swiper JS 点状分页动画导航这是一款响应式垂直轮播切换效果,基于Swiper JS插件和CSS3 clip-path属性实现,通过剪裁路径动画创造出独特的过渡效果。用户既可以通过点击右侧的点状分页导航,也可以使用鼠标滚轮来...

便当布局
CSS在HTML中实现响应式便当风格布局(Bento Grid)最近类似于苹果公司 WWDC 大会中 Apple Events 设计的摘要幻灯片的「便当(Bento Grid)风格布局」特别的流行,今天小编为大家实现了一个基础的结构化的便当风格示例,底层使用...

轮播插件
React 实现带鼠标追随效果的轻量级轮播切换组件,完全响应式布局!使用 React 构建的轻量级轮播与幻灯片插件,外观特别的时尚大方简约,其中的鼠标追随效果是通过设置当前幻灯片的 x 和 y 坐标的CSS值,以便在鼠标移动时创建跟踪鼠标的动态过渡效果。切换等交...

悬停幻灯片
JavaScript带悬停效果的环绕型内容轮播插件这是一款现代的超级时尚的带悬停效果的环绕型内容轮播插件,是基于JavaScript与CSS实现的,其中CSS负责外观及布局,JavaScript负责实现切换事件以及鼠标悬停事件。切换插件的下方带...

自动翻书
由 CSS 实现的自动翻书效果本 HTML CSS 代码片段可帮助你创建平滑过渡的书本翻页动画,底层基于 CSS3 关键帧进行旋转转换来实现,以达到逼真的翻页效果,它适用于在教育网站上制作图片幻灯片或演示图库。此外,还可以将...

翻页效果
使用 JavaScript 制作逼真书本翻页效果基于纯 JavaScript 实现的图书翻页效果,它带有下一页和上一页按钮,可通过翻页动画切换图片,使用起来也很简单,只需要在前后容器中添加图片(作为背景),代码就会自动渲染出逼真的图书翻页风格...

轮播插件
基于 JavaScript 实现的轻量级响应式轮播插件这是一款轻量级、功能强大且支持多选项灵活配置的 JavaScript 轮播插件,不依赖 jQuery 等第三方插件,完全纯 JS 实现,而且还内置触摸支持拥有完全地响应式布局风格,可完美支持大中...

幻灯片
轻量级响应式 jQuery 幻灯片插件,支持多选项配置这是一款超棒的 jQuery 幻灯片播放插件,用于创建背景图片轮播图,该轮播插件式响应式的,并带有下一个、上一个按钮和位于下方多点位导航功能,使用起来特别简单,只需要两个简单步骤,首先定义轮播图...