吕先华-20201029

(1)自定义动画:/*animation: change 3s;绑定动画*/
                             animation: change/*动画名称*/
                             3s ease 1s forwards /*(动画悬停最后一帧)*/ 
                             infinite;/*infinite动画播放*/
(2)动画参数:transition:all 3s;/*动画运动时长,过度*/
            overflow: hidden;/*子容器超出父容器的部分隐藏overflow加在父标签*/
            transition: all 10s ease-in;动画播放匀加速*/
           /*过渡效果要放到类选择器*/
           background: yellow;颜色变化
          transform: rotate(360deg);旋转
                      transform: scale(1.5);缩放
                      transform: skew(40deg);倾斜45deg
                      transform: translate(300px);平移
          transform: matrix(-1,-1,-1,0,-1,1);扭曲,参数为两行三列的三角函数矩阵
          同时加几种动画transform:各参数之间加空格即可
(3)box-shadow  0px 0px 50px 0yellow(盒子边框阴影)
        box-radius(圆角)
        box-sizing:content-box(盒子加不加边框)
         border-bottom-right-radius: 右上角;
         border-bottom-left-radius: 左上角;
  (4)   margin:0 auto(水平居中)
        border-width:1px(边框宽)
        border-color(边框颜色)
(5)CTRL+shift+delete:(清楚缓存)

心得:基本上能更得上老师讲课的节奏,但是自己觉得这种要是想上手就得多练这方面。

标签

评论

this is is footer