添加动画规则

Std.animation.append方法可以将一堆@keyframes规则的动画字符串进行解析,并且保存到StdJS内部,同时,还会保存到文档中作为css3 keyframes

通过Std.animation.append添加的动画规则可以在StdJS中使用,也可以在css中使用.

另外: type类型为text/std-animation的script标签可以自动载入@keyframes规则,例如

<script type="text/std-animation">
    @keyframes animation1{
        0%{
            color:red;
            background-color:blue;
        }
        50%{
            color:black;
            background-color:yellow;
        }
        100%{
            color:rgb(112,32,342);
            background-color:white;
        }
    }
    @keyframes animation2{
        from{
            width:20px;
            height:20px;
        }
        to{
            width:80px;
            height:20px;
        }
    }
</script>
        

实际上,Std.dom.behaviorScript["text/std-animation"] 的内部还是调用的Std.animation.append方法