##CSS3设置转换中心点：

在CSS3中，可以使用transform-origin属性来设置转换的中心点。这个属性可以使用长度值（如px、em等）或者关键字（如top、left等）来指定中心点的位置。例如：

transform-origin: 50% 50%;

/* 设置中心点为元素的中心 */

transform-origin: top left;

/* 设置中心点为元素的左上角 */

transform-origin: 100px 200px；

/* 设置中心点为指定像素位置 */

##2D转换之scale：

scale()函数是CSS中用于进行缩放的转换函数。可以通过设置scaleX和scaleY参数来实现水平和垂直方向的缩放。例如：

transform: scale(2);

/* 水平和垂直方向都缩放2倍 */

transform: scaleX(0.5);

/* 只在水平方向缩放为原来的一半 */

transform: scaleY(1.5);

/* 只在垂直方向缩放为原来的1.5倍 */

##2D转换综合写法以及顺序问题：

在CSS中，可以使用多个2D转换函数组合使用，实现复合的变换效果。转换函数的顺序是由右向左进行应用的。例如：

transform: rotate(45deg) scale(2) translate(100px, 100px);

上述代码中，先进行 translate(100px, 100px) 的位移，然后再进行 scale(2) 的缩放，最后进行 rotate(45deg) 的旋转。

##CSS3动画基本使用：

要创建CSS3动画，可以使用@keyframes规则定义动画的关键帧。关键帧定义了在不同时间点元素的样式。例如：

@keyframes myAnimation {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

然后将动画应用到元素上，可以使用animation属性：

animation: myAnimation 1s ease-in-out infinite;

上面的代码将myAnimation动画应用到元素上，动画时长为1秒，使用ease-in-out的缓动函数，无限循环播放。

##动画序列：

要实现动画序列，可以使用多个关键帧和关键帧的百分比属性。例如：

@keyframes mySequence {

  0% {

    opacity: 0;

  }

  50% {

    opacity: 1;

    transform: translateX(100px);

  }

  100% {

    opacity: 0;

    transform: translateX(200px);

  }

}

这个动画序列将在不同时间点改变元素的透明度和水平位移。

##CSS3动画常见属性：

在CSS3中，常用的动画属性有：

animation-name: 指定动画的名称。

animation-duration: 指定动画的时长。

animation-delay: 指定动画的延迟开始时间。

animation-timing-function：指定动画的缓动函数。

animation-iteration-count：指定动画的循环次数。

animation-direction：指定动画的方向（正向、反向、交替等）。

animation-fill-mode：指定动画的填充模式。

animation-play-state：指定动画的播放状态。

以上就是关于CSS3转换、动画的基本知识点的精简版笔记。