CSS3: Cube Flip

FumioNonaka

License: MIT License

Fork
2
Fav
14
View
4024
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 10 lines
  • CSS 41 lines

gihyo.jp連載「CSS3アニメーションでつくるインターフェイス表現」
04「3次元で垂直に回る立方体のメニュー
項目を並べたメニューを、3次元のアニメーションにした。マウスポインタをメニュー項目に重ねると、立方体のように垂直に回る。CSS3を使えば、このような3次元の表現も可能だ。


This code reconstructs and simlifies "CSS Cube Flip". No JavaScript code is used to it.

  • CSS3: Cube Flip
  • CSS3: Cube Flip

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

g719857499g719857499:

nice

riijon1riijon1:

かわいい

Forked

sort by