给个示例：一个 100 * 100 的元素，这是CSS和HTML代码——


<style>
#mybox {
    margin: 100px;
    width: 100px;
    height: 100px;
    background: pink;
    animation: sizer 2s infinite alternate linear;
}
@keyframes sizer {
    from { transform: scale(0.5); }
    to { transform: scale(1.5); }
}
</style>


<div id="mybox"></div>


animation 中，infinite 表示循环运行，alternate 表示反向运行，linear 表示线性速率（就是均匀变化）。

--------------------------------------------------------------------------------

完贴看看，真是花里胡哨。。。

没有一块闲着的地儿。。。

明天再改改吧。。。