jsdo.pigg

GeckoTang

License: MIT License

Fork
28
Fav
33
View
41843
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 178 lines
  • CSS 784 lines
目的とか目標など。
・CSS+HTMLのみでアバター作成する。
・作成したアバターはjsdo.itで話題のwebSocketChatと組み合わせてみたい。
・いろいろな服とか髪型とか作りたい。
・チャット用にアニメーションを複数用意したい


※ただしwebkitに限る

まゆげ(?)を移動させるときに
topとrotateでtransitionさせたら
rotateが終わってからtopが変化してカクカクしてしまった。
translateYとrotateでやると滑らかでした。

----------------
新キャラ追加しました。
.avatarにidを付けるのではなく
各部位ごとに多重クラスする方向にしようかと。
  • jsdo.pigg
  • jsdo.pigg
  • YUI 3 CSS Reset

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

GeckoTang

Author

CSSプログラマーです

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

webcre8webcre8:

CSS3実現している人がいるとは…

kyosuke.wkyosuke.w:

アバター

nenjirunenjiru:

なにこれすごい

calmbookscalmbooks:

CSS3kawaii

tsmallfieldtsmallfield:

CSS3すごい!

kawazkawaz:

CSS3可愛いw

gryng02gryng02:

画像なしでここまで・・・!

sugyansugyan:

CSS3すごい…!!!

Forked

sort by