当前标签 / CSS3 / 总共1篇

CSS3中的动画属性窥探

@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;
    }
}

阅读更多