Forked from: FumioNonaka's CSS3: Sliding image panels View Diff (38)

revised: CSS3: Sliding image panels

FumioNonaka

License: MIT License

Fork
0
Fav
0
View
983
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 2 lines
  • HTML 45 lines
  • CSS 162 lines

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


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

  • revised: CSS3: Sliding image panels
  • revised: 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