Search code examples
cssinternet-explorerwindows-phone-8windows-phone-8.1windows-phone-8-emulator

CSS to rotate an image/icon(spinner) in IE11


Css to convert an icon/image into spinner add following properties to the class of that icon/image

.spinner{
 -webkit-animation: load3 1.4s infinite linear;
 animation: load3 1.4s infinite linear;
 -ms-transform: translateZ(0);
 transform: translateZ(0);
 }

Solution

  • add this to your CSS and you'll have a rotating image

    @keyframes load3 {
      from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }