我试了几次还是动画不工作，请帮我修复一下

Question

CSS 份

Blockquote

我只是制作了一个盒子并在上面应用了动画，这些是各自的代码行

<style>
    .box {
        background-color:red;
        margin-top: 100px;
        width: 200px;
        height: 100px;
        position: relative;
        animation-name: raw;  
        animation-duration: 2ms;
        animation-timing-function: ease-in;         
    }

    @keyframes raw {
        0% {
            background-color: grey;
        }
        50% {
            background-color:lime;
        }
        100% {
            background-color:brown;
        }
    }
</style>

正文

这是我要在其上应用动画的框

<body>
    <div class="box">
        BOX
    </div> 
</body>

Answer 1

您使用的是 ms 而不是 s。您的动画正在运行，但它完成得太快以至于您看不到它。因此，你应该给它更长的持续时间。

我试了几次还是动画不工作，请帮我修复一下

I tried several times but still animation is not working, please help me to fix it

css

animation