CSS 3D で円柱

ksk1015

License: MIT License

Fork
2
Fav
0
View
4720
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 58 lines
  • CSS 153 lines
Chrome, Safari, Firefox.

CSSで曲面を作る実験。

border-radiusとborderで作った円をたくさん積み重ねて表現。
しかしborderには厚みがないため正面から見ると見えずに透ける。これはこれで味がある物体。

チェックボックスでアニメーションをSTOPできます。
  • CSS 3D で円柱
  • CSS 3D で円柱

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

ksk1015

Author

CSSerです。JSも好きです。 ブラウザ上の技術全般に興味があります。 詰めの甘いコード多いので参考にする際は要検証。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by