Heim >Web-Frontend >CSS-Tutorial >So erstellen Sie einen reinen CSS-Slider

So erstellen Sie einen reinen CSS-Slider

王林
王林nach vorne
2020-07-21 17:37:373344Durchsuche

So erstellen Sie einen reinen CSS-Slider

Sie können die Eigenschaft „max-height“ verwenden, um einen reinen CSS-Schieberegler zu erstellen.

(Empfohlenes Tutorial: CSS-Schnellstart)

Attributeinführung:

max-height-Attribut legt die maximale Höhe des Elements fest. Das Attribut „max-height“ enthält keine Abstände, Ränder oder Ränder!

Code-Implementierung:

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

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

Das obige ist der detaillierte Inhalt vonSo erstellen Sie einen reinen CSS-Slider. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.im. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen