CSS3: Image Accordion

FumioNonaka

License: MIT License

Fork
0
Fav
0
View
1489
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 29 lines
  • CSS 82 lines

gihyo.jp連載「CSS3アニメーションでつくるインターフェイス表現」
第19回「画像のアコーディオン表示
アコーディオンのように開く画像パネル。 どの画像を選び、その前にどれが開いていたかにより、動きが少しずつ違っておもしろい。HTML要素の構成に特徴がある。JavaScriptコードは書いていない。


This example is created based on "Image Accordion with CSS3", and revises, simplifies its HTML and CSS code. No JavaScript code is used to it.

  • CSS3: Image Accordion
  • CSS3: Image Accordion

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags