倾斜悬浮卡片
纯 CSS 实现 3D 倾斜卡片横向画廊这是一款基于纯 CSS 3D 变换实现的横向滚动卡片画廊。默认状态下所有卡片以统一的透视倾斜角度排列，像一排被推倒的多米诺牌，本身就已经很有空间纵深感。悬停时焦点卡片「站直」回正，虚线边框浮现，...
横向图库
纯 CSS 实现的支持横向拖拽切换图片的响应式高端画廊这是一款基于 CSS 实现的横向图片画廊，支持左右滑动切换照片，最有意思的设计在于把滚动条本身当作分页进度条来用——底部那条绿色细线不是装饰，而是实时反映当前浏览位置的滚动指示器，一举两得。画廊...
圆角滚动条
HTML中自定义弧形滚动条适配容器圆角边框（CSS+JS），能适配不同尺寸的屏幕这是一款自定义圆角滚动条效果，基于CSS+JS技术实现，滚动条形状与容器边框圆角良好贴合，能跟随容器的圆角呈现弧形，且长度会根据内容量智能计算，视觉统一且交互自然。能够适配不同大小的屏幕，适用于...
滑动轮播
Swiper JS实现的高颜值磨砂毛玻璃风格「滚动+拖拽」响应式轮播组件这是一款支持左右拖拽滑动的高颜值响应式轮播器，外观特别多时尚，基于Swiper JS+CSS技术实现，通过毛玻璃背景特效和滚动条控制增强视觉层次，支持鼠标滚动+鼠标拖拽两种切换内容方式，适用于食...
横向预览图片
纯CSS实现垂直滚动水平横向滑动图片等内容切换效果 - 无JS的流畅图文内容导航这是一款纯CSS实现的垂直滚动鼠标图片水平滑动切换预览效果，利用CSS Grid、Flexbox以及CSS变量等技术来创建一个无需JavaScript支持的交互式布局。用户可以通过滚动条进行垂直...
固定内容
html页面实现固定文章标题及进度条，进度条实时监测页面查看进度基于CSS结合jQuery实现的固定页面标题以及展示页面浏览进度的进度条效果。其中滚动条的样式直接使用的Bootstrap5x框架。这款效果可以应用于博客文章或长篇幅的内容页面上，可以设置一个固...
图片切换
JavaScript 横向滚动轴切换图片多张图片横向平铺放不下怎么办？可以考虑加横轴滚动条来实现横向平铺更多图片！这款组件实现了横向无限扩展查看更多图片的功能，当图片或者其他块级元素超过横向屏幕时底部会出现横向的滚动条，并且支持鼠标左...
表格美容
CSS设置美观且响应式的table表格，超出屏幕变滚动条富文本回显，或者普通html中的table表格由于内容一般都比较多，不特别设置样式的情况下可能会出现过度挤压、超出屏幕、或者文字被截断等各类诡异情况，莫慌，其实只需要对网站的table做统一样式...