transform 同じ関数を複数使える

ksk1015

License: MIT License

Fork
0
Fav
1
View
1280
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 4 lines
  • CSS 43 lines
transformは関数を複数使えます。
その関数は何となく違う関数を前提としていましたが、
別に同じ関数でも複数使える!

実用性はそんなにないんですが、
transformプロパティを理解する上では知っといても。

◆例
transform:translate(200px, 200px);
 ↓同じ効果
transform:translate(100px, 100px) translate(100px, 100px);

◆これを利用したもう一つのサンプル
http://jsdo.it/ksk1015/wIYs

◆参考記事
http://unformedbuilding.com/articles/learn-about-css-transforms/
  • transform 同じ関数を複数使える
  • transform 同じ関数を複数使える

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?

Favorite by

ub-pnrub-pnr:

同じ関数を複数使うテクニックでは http://lea.verou.me/2012/02/moving-an-element-along-a-circle/ とかがありますね。