时间戳

首页 > 解决方案 > 试了好几次还是不行，求大神帮忙解决

css - 试了好几次还是不行，求大神帮忙解决

问题描述

CSS 部分

块引用

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

<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>

标签： cssanimation

解决方案

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

推荐阅读