马睿-20201029

10月29日

transform：rotate（）；/*旋转*/
动画播放时长：transitation：all 3s ease；/*过渡*/

transform：rotateY（360deg）；/*旋转*/
transform：scale（1.5）；/*缩放*/
transform：skew（-45deg）；/*倾斜*/
transform：translate（-300px）；/*平移*/
transform：matrix（ ）；/*扭曲 2行3列的三角函数的矩阵*/
overflow：hidden/*子容器超出父容器的部分隐藏*/

自定义动画
@keyframes change{
     from{
           background：red;
  }
 to{
          background：yellow
 }
}


 animation ：change 3s ease 1s forwards  infinite alternate running
8个参数；动画的名称，动画持续的时间，动画播放的和轨迹，延迟播放，动画停留在最后一帧，播放次数，正反序播放。

border
content
padding内边距
background-image
background-color
margin

块级标签和行级标签的属性转化
1、块级标签加float（浮动）就有了行级标签不独占一行的特性
特别注意:使用float时，一定外面加个容器包起来

心得体会：今天学习了动画，知道了动画的播放时长，动画播放的轨迹，以及播放次数等，如何自定义动画。
老师也对我们孜孜不倦的耐心指导和帮助，我将不断提升自我，努力成为一名名副其实的大学毕业生。