本篇文章为大家展示了纯css的滑块如何建立，代码简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

可以使用 max-height 属性来建立纯 CSS 的滑块。

属性介绍：

max-height 属性设置元素的最大高度。max-height属性不包括填充，边框，或页边距！

代码实现：

.slider {
  max-height: 200px;
  overflow-y: hidden;
  width: 300px;
}

.slider:hover {
  max-height: 600px;
  overflow-y: scroll;
}

上述内容就是纯css的滑块如何建立，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注天达云行业资讯频道。