translate与rotate书写顺序问题

transform这个属性有几个可选值（平移、旋转、变形、倾斜）
这里记录下translate（平移）和rotate（旋转）书写顺序的影响。

到底是先平移还是先旋转，这会直接影响页面最终的显示结果。

这里通过演示来说明下问题

1、translate在前，rotate在后的效果演示
http://sandbox.runjs.cn/show/cslnosgm

image.png

2、rotate在前，translate在后的效果演示
http://sandbox.runjs.cn/show/bzbemiwx

从演示可以看出，元素先进行了旋转操作，然后将旋转后的结果进行平移

image.png

推荐阅读更多精彩内容

• Android - 收藏集

  Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...

  passiontim阅读 172,982评论 25赞 708
• 过一个不颓的大学不简单

  我是一个三线城市出来的大学生，高中的严格生活可算是打垮了一大批人，在严峻的高考形式下，那些奋力拼搏想要考上好大学的...

  沉默的鱼鱼鱼阅读 368评论 7赞 3
• 刻意练习 Chapter 5 上

  作者说每个人都可以通过训练提升技能，但是需要使用正确的方法，而不是光凭try harder就可以的。如果练习了很久...

  邱火火儿阅读 235评论 0赞 0