横向图库
纯 CSS 实现的支持横向拖拽切换图片的响应式高端画廊这是一款基于 CSS 实现的横向图片画廊,支持左右滑动切换照片,最有意思的设计在于把滚动条本身当作分页进度条来用——底部那条绿色细线不是装饰,而是实时反映当前浏览位置的滚动指示器,一举两得。画廊...
圆点进度条
CSS+JS简洁实用的进度指示器组件 HTML5 源码这是一款进度追踪器效果,基于 HTML、CSS 和 JavaScript 技术实现,能清晰展示任务或流程的不同阶段状态,每个阶段通过圆形图标和文字说明清晰标识,像示例中就呈现了从注册到付款的各步...
进度指示器
CSS+SVG动态环形进度指示器效果这是一款动态进度指示器效果,基于CSS+SVG技术实现,通过流畅的动画和颜色变化以及百分比填充效果展示任务进度,外围是环形形状,适用于加载状态或任务进度展示场景。
圆点指示器
HTML滚动进度指示器,页面左侧圆点平滑过渡切换效果这是一款通过CSS+JS实现的页面左侧圆点滚动指示器效果,通过滚动鼠标切换图文内容,左侧的圆点指示器实时显示滚动进度,圆点以平滑的过渡实现切换效果。
滚动进度
CSS页面右侧轮播滚动进度指示器效果这是一款滚动进度指示器效果,位于页面的任意一侧区域,默认的指示器样式时数字形式,可以自定义为图片等其他形式。基于纯CSS+JS实现,使用非常简单,只需要将主内容以及指示器放置于列表UI中即可
圆形进度条
基于单个HTML的DIV元素实现的简约CSS圆形进度条这是一款单元素圆形进度条效果,基于CSS+HTML技术实现,仅使用一个HTML元素和CSS样式来实现一个美观且功能性的圆形进度指示器。此进度条可以轻松集成到网页中,并根据实际需求调整颜色、大小和...
带进度轮播
gsap 超实用炫酷的圆点进度指示器效果一款通过gsap.js实现的滚动轮播效果带圆点进度指示器的插件,左侧的圆点与右侧的内容一一对应,随着滚动鼠标内容切换的同时圆点进度指示器也会跟着移动,并且当鼠标悬浮在圆点上时圆点会变为右侧对应...
轮播特性
Swiper 动感十足的百叶窗轮播图动画效果这是一款使用Swiper + Particles + 少许CSS 创建的百叶窗轮播效果插件,下方带有圆点轮播进度指示器,能够通过指示器直观地观察图片切换的进度,可通过点击图片或者滚动鼠标两种方式...
滚动轮播
CSS 实现鼠标滚动内容平滑切换动画效果纯 CSS 实现的滚动鼠标切换内容效果,页面中可放置多个section块元素,每个块元素中可随意定义文字、图片以及视频等内容,当滚动鼠标时每个section块元素会作为一个整体进行平滑的切换,同...

