马睿-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时,一定外面加个容器包起来


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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1