CSS animation in Siebel Product Configurator

@-webkit-keyframes

Hi Team,

I want to add animations to the images in the Siebel product Configurator.

There is a Oracle font image mapped with a class:siebui-icon-settings. I want the image to rotate 0-360 degrees for infinite times.

So I used below css code but it is not working for the class (siebui-icon-settings) but the same is working for other class like new record(siebui-icon-newrecord).

Appreciate your comments.Thanks.

.siebui-icon-settings

{

  -webkit-animation-name:             rotate; !important;

    -webkit-animation-duration:         0.5s; !important;

    -webkit-animation-iteration-count:  infinite;!important;

    -webkit-animation-timing-function: linear;!important;

  -moz-animation:    rotate .1s infinite; /* Fx 5+ */

  -o-animation:      rotate 5s infinite; /* Opera 12+ */

  animation:         rotate 5s infinite; /* IE 10+, Fx 29+ */

}

@-webkit-keyframes rotate {

from {