css3阴影和动画

boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0

         inset表示内阴影

 box-shadow: 10px 8px 8px rgba(83, 69, 108, 0.332) inset, 5px 8px 8px rgba(142, 167, 166, 0.332);

 

 @keyframes  动画定义规则

------from----- ----- to-----从什么位置到什么位置

 还可以百分百

        @keyframes divq {
            /* 25% {
                background-color: aquamarine;
            }
            50% {
                background-color: blue;
            }
            75% {
                background-color: brown;
            }
            100% {
                background-color: yellow;
            } */
            from{

            }
            to{
                
            }
        }

         animation-name  指定动画的名称

        animation-duration 动画持续的时间

        animation - fill-mode = 动画填充模式