CSS3: 3D Cubes

FumioNonaka

License: MIT License

Fork
1
Fav
2
View
1096
  • Play

Fullscreen

Smart Phone

Fork tree

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

gihyo.jp連載「CSS3アニメーションでつくるインターフェイス表現」
第21回「スライドする立方体
3つの立方体のマウスインタラクション。マウスポインタを重ねた立方体の色が変わり、手前にスライドする。実のところ、3次元の操作は加えていない。2次元の変換で立体風に見せている。


This example is created based on "3D cubes built and animated with CSS", and revises, simplifies its HTML and CSS code. No JavaScript code is used to it.

  • CSS3: 3D Cubes
  • CSS3: 3D Cubes

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