CSS3: Sliding image panels

FumioNonaka

License: MIT License

Fork
3
Fav
1
View
1736
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 45 lines
  • CSS 155 lines

gihyo.jp連載「CSS3アニメーションでつくるインターフェイス表現」
06「画像をパネルに分けてアニメーションで切り替える
画像にキャプションをアニメーションで示す。マウスポインタを画像に重ねると説明書きが現れる。画像にもちょっとしたアニメーションを加えた。用いる設定は、さほど目新しいものではない。組み合わせや細かな調整を加えてつくり上げた表現だ。


This code reconstructs and considerably simlifies "Sliding Image Panels with CSS3". No JavaScript code is used to it.

  • CSS3: Sliding image panels
  • CSS3: Sliding image panels

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

Favorite by

Forked

sort by