如何建立纯css的滑块

如何建立纯css的滑块

• 来源:网络
• 更新日期:2020-07-21

摘要：可以使用 max-height 属性来建立纯 CSS 的滑块。（推荐教程：css快速入门）属性介绍：max-height 属性设置元素的最大高度。max-height属性不包括填充，边框，或页边距！代码实现：.slider {

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

（推荐教程：css快速入门）

属性介绍：

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

代码实现：

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

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