这周是逆战班的第三周，学的知识点很多，几乎每节课一个新的知识，网页单页的制作、过渡、变形、动画等。代码需要背，布局和元素的运动需
要知道原理。晚上熬夜一度超过十二点，一两点钟也很常见，弹幕一度崩溃。印象很深刻的一个知识点是变形【transform】。
CSS transforms 通过一系列 CSS 属性实现，通过使用这些属性，可以对 HTML 元素进行线性仿射变形（affine linear transformations）。
可以进行的变形包括旋转，倾斜，缩放以及位移，这些变形同时适用于平面与三维空间。
变形【transform】
向元素应用2d或3d转换。该属性允许我们对元素进行旋转，缩放，移动或倾斜
transform参数：
rotate（角度值）：旋转 translate（x，y）：移动 scale（x，y）：缩放 skew（x，y）：斜切 matrix（a,b,c,d,e,f）:矩阵 transform-origin:x y：改变元素基点；改变transform动作的基点（中心点）。指定原点的位置。默认值为元素的中心，可以被移动。
很多变形需要用到这个属性，比如旋转，缩放和倾斜，他们都需要一个指定的点作为参数通过改变坐标空间，CSS transforms 可以在不影响正常文档
流的情况下改变作用内容的位置。
人们对新的事物都有一种陌生感，刚开始接触难免产生困惑，烦躁、不安的情绪油然而生。当你试着去靠近，利用新学的代码去做一些练习的时候，
了解原理后，才发现其实很简单。才发现世上无难事，只怕有心人。
原文：https://www.cnblogs.com/shiqinghuayi/p/12344197.html