【报Bug】style绑定css属性animation未生效，必须写在下面的css里面才生效

示例代码：

实际示例代码：

<view :style="'width:150rpx;height:150rpx;background:red;animation:modeRight 5s infinite'"></view>  
<style>  
        .test{  
            width:100px;  
            height:100px;  
            background:red;  
            position:relative;  
            animation:modeRight 5s infinite;  
        }  

        @keyframes modeRight  
        {  
            from {  
              transform: translateX(0%);  
            }  
            to {  
              transform: translateX(100%);  
            }  
        }  
</style>

操作步骤：

任意一个vue文件写入：

<view :style="'width:150rpx;height:150rpx;background:red;animation:modeRight 5s infinite'"></view>  
<style>  
        .test{  
            width:100px;  
            height:100px;  
            background:red;  
            position:relative;  
            animation:modeRight 5s infinite;  
        }  

        @keyframes modeRight  
        {  
            from {  
              transform: translateX(0%);  
            }  
            to {  
              transform: translateX(100%);  
            }  
        }  
</style>

写在style里面是不生效的，但是我只要把style删了，改成class="test"就正常，由于我这个5s不是固定，会随机的，所以必须写在style里面

预期结果：

<view class="test"></view>  
<style>  
        .test{  
            width:100px;  
            height:100px;  
            background:red;  
            position:relative;  
            animation:modeRight 5s infinite;  
        }  

        @keyframes modeRight  
        {  
            from {  
              transform: translateX(0%);  
            }  
            to {  
              transform: translateX(100%);  
            }  
        }  
</style>

希望在style里面绑定后，可以实现绑定class的效果！

实际结果：

只要不是绑定class，写在style中，就不生效，期望可以如绑定class一样生效