Kidney自得其乐版CSS教程Chapter6 Transform

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Kidney自得其乐版CSS教程Chapter6 Transform相关的知识,希望对你有一定的参考价值。

Chapter 6 Transform

Version

Update

Note

1.0

2016-6-11

首次添加。欢迎在评论中指出错误,一经核实,立即修订,且注明贡献者。

 

 

 

 

 

transform用于2D/3D几何变换,包括平移translate、旋转rotate、缩放scale和倾斜skew。这些几何变换有三个关键点:坐标原点、坐标和轴。

本来打算按之前的体例写,但是几何变换用图形最能说明一切,特别是网上有现成的资源,基本囊括了所有几何变换,非常直观,不用费一个字解释。

参见:http://westciv.com/tools/transforms/index.html

另外,我自己也写了一个3D的立方体旋转案例,欢迎clone

地址:https://github.com/bison1994/3D-Square.git

技术分享

以上是关于Kidney自得其乐版CSS教程Chapter6 Transform的主要内容,如果未能解决你的问题,请参考以下文章

Kidney自得其乐版CSS教程 Chapter1 Selector

Kidney自得其乐版CSS教程 Chapter5 Layout

Kidney自得其乐版CSS教程 Chapter3 Text

Kidney自得其乐版CSS教程 Chapter2 Box Model

Kidney自得其乐版CSS教程 Chapter7 Transition&Animation

02HTML5与CSS3基础教程(第8版)(全)