Forked from: edo_m18's forked from: CSS3 animation 3D (MATRIX) for Safari View Diff (318)

Fork
1
Fav
0
View
3095
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 8 lines
  • HTML 27 lines
  • CSS 37 lines
マウスイベントのY座標を元に、動的にrotateXの値を変更するデモです。
数値を指定するだけだとイマイチ理解しづらいですが、
マウスの動きに合わせて値を変更することで、その値がなにを意味しているのかを理解しやすくなります。

ちなみに現状対応しているのはSafariのみなのでSafariのみ対応となってます。
  • CSS TransformのrotateXを理解するテスト
  • CSS TransformのrotateXを理解するテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

edo_m18

Author

Unity/VRエンジニア。 最近のもっぱらの興味は機械学習(ディープラーニング)とレイマーチング(とレイトレ)。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by