ホームページ > ウェブフロントエンド > CSSチュートリアル > 純粋なCSSスライダーを作成する方法

純粋なCSSスライダーを作成する方法

王林
リリース: 2020-07-21 17:37:37
転載
3326 人が閲覧しました

純粋なCSSスライダーを作成する方法

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;
}
ログイン後にコピー

以上が純粋なCSSスライダーを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:juejin.im
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート