css3阴影和动画

最新推荐文章于 2023-06-30 14:59:53 发布

骑驴闯红灯!

最新推荐文章于 2023-06-30 14:59:53 发布

阅读量240

点赞数

文章标签： css3 前端 css

本文链接：https://blog.csdn.net/m0_72738258/article/details/125915973

版权

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 = 动画填充模式