桌面小工具css动画

Question

有人能告诉我如何在桌面小工具中正确创建动画吗？目前，我在css中创建，但它根本不起作用。 当我在html中测试它确实有效但它在桌面小工具中不起作用。我想创建的动画类似于下面的代码。

＆＃13;

＆＃13;

div {
    width: 100px;
    height: 100px;
    background-color: red;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}

/* Standard syntax */
@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}

＆＃13;

<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>

<div></div>

<p><b>Note:</b> When an animation is finished, it changes back to its original style.</p>

＆＃13;

＆＃13;

＆＃13;