CSS-0815-CSS3层叠详解、animation动画属性详解、定义动画、使用动画、animation动画属性的复合写法、动画属性和过渡属性transition的区别

---

title: “CSS 0815”
date: 2022-08-15T09:43:39+08:00

CSS3层叠属性：

z-index层叠参考：https://segmentfault.com/a/1190000014712415

CSS3动画属性

一、定义动画

定义元素在什么时间干什么事

两种形式：

/* 第一种 */
@keyframes 动画名{
   
    
    
   /*  关键帧 */
    from{
   
    
    }   /* 动画开始时的状态 */
    to{
   
    
    }     /* 动画结束时的状态 */
}

@keyframes 动画名{
   
    
    
    /*  关键帧 */
    0%{
   
    
    }--0s
    20%{
   
    
    }--1s
    40%{
   
    
    }--2s
    60%{
   
    
    }--3s
    80%{
   
    
    }--4s
    100%{
   
    
    }--5s
}