CSS3中的动画属性窥探

2019-07-24 · 大约 1000 个字 · 预计 5 分钟读完

@keyframes 规则动画

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

1
2
3
<body>
    <div class="box"></div>
</body>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
.box{
    width:100px;
    height:100px;
    animation: myfirst 5s;
}
@keyframes myfirst {
    from {
        background: red;
    }

    to {
        background: yellow;
    }
}