CSS3: 3D Cube for tabbed content

FumioNonaka

License: MIT License

Fork
3
Fav
1
View
1987
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 24 lines
  • CSS 78 lines

gihyo.jp連載「CSS3アニメーションでつくるインターフェイス表現」
第12回「垂直に回転して切り替わる直方体のタブ


Tabs rotate vertically content containing images.

This example is created based on "3D Cube for tabbed content", and simplifys its CSS code. No JavaScript code is used to them.

  • CSS3: 3D Cube for tabbed content
  • CSS3: 3D Cube for tabbed content

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