イメージギャラリーの検索結果1 - 1 件 / 1件

• あとで読む

  CSSだけでサムネイルをクリックすると画像が切り替わるイメージギャラリー | かちびと.net

  • 6 users
  • kachibito.net
  • テクノロジー
  • 2020/05/07

  Result こういうやつです。割と今更感な内容ですが書いてなかった気がするので 例によってinputと:checkedを使います css .gallery {/*親*/ display: flex; margin: 10px auto; max-width: 600px; position: relative; padding-top: 66.6666666667%; } .gallery__img {/*表示される大きな画像。エフェクト付き*/ position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease-in-out; } .gallery__thumb {/*サムネイル*/ padding-top: 6px; margin: 6px; display: block; } .gallery

  • CSS
  • 画像