CSS3中的动画属性窥探

2019-07-24 · 大约 700 个字 · 预计 4 分钟读完

@keyframes 规则动画

box 从红色过度到黄色，间隔 5 秒。

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

.box{
    width:100px;
    height:100px;
    animation: myfirst 5s;
}
@keyframes myfirst {
    from {
        background: red;
    }

    to {
        background: yellow;
    }
}